关于 Sublime 与 VS Code 编辑器的碎碎念

Sublime 与 VS Code

• Sublime 的目标用户主要是 vim 使用者，追求极致性能。VS Code 的目标用户是前端开发者，JavaScript, TypeScript, SASS/SCSS 都有原生支持。Atom 虽然一直在优化，但经过多次尝试之后发现性能仍不能算稳定，而且安装插件在国内环境下仍然比较麻烦。
• Sublime 的性能优于 VS Code。Sublime 打开文件速度快。Sublime 即使装了一定数量的插件，性能也保持得相当好，速度可以和 vim 媲美，享受打字的乐趣。VS Code 插件装多以后，打字有延迟感。VS Code 受限于与 Atom 一样的 Electron 内核，虽然微软已经优化很好，但速度仍然慢于 Sublime。
• VS Code 生态优于 Sublime。大多优秀的前端开发插件存在于VS Code。而 Sublime 的插件相对较少，特别是针对 React 以及 ES6 的插件数量与更新时间，都不能和 VS Code 比。大批插件开发者涌入 VS Code。VS Code 正当红，这是趋势。
• 结论：考虑速度选 Sublime，插件算是够用，但不完美。享受繁荣的前端开发插件考虑选 VS Code。

Sublime 与 VS Code 都需要的插件

• 文件路径补全：
  • Sublime: AutoFileName
  • VS Code: Path Intellisense
• 项目管理：
  • Sublime: ProjectManager
  • VS Code: Project Manager
• 文件头注释
  • Sublime: FileHeader
  • VS Code: vscode-fileheader
• 图标美化
  • Sublime: A File Icon
  • VS Code: file-icons
• HTML/CSS/JS 代码格式化
  • Sublime: HTML-CSS-JS Prettify （对 JSX 美化失效，需要设置 nodejs 路径）
  • VS Code: Beautify （对 JSX 美化失效）
• React JSX 代码格式化
  • Sublime: jsfmt
  • VS Code: 待查找
• Emmet
  • Sublime: Emmet
  • VS Code: 自带
• Vim
  • Sublime: 自带 vim 模式，把 settings 中 "ignored_packages": ["Vintage"] 中的 "Vintage" 去掉即可使用 vim 模式。
  • VS Code: Vim （插件名称就叫 『Vim』）
• Prettier： JS文件（包括react文件）的格式化，很好用。
  • Sublime: JsPrettier
  • VS Code: Prettier - Code formatter

Sublime 需要安装的插件

• Anaconda: Python 开发需要，可以为每个项目设置独立的 Build System。
• MarkDownLivePreview: 分栏预览 Markdown 文件。
• BracketGuard: 括号完整性提示。
• ColorHelper: 在 CSS 上显示颜色方块，也可以点击选择颜色。
• nginx: 显示 nginx 语法高亮。
• SideBarEnhancements: 侧边栏功能增强。

与 JS 有关：

• Babel: 正确高亮显示 JSX 语法。而 JavaScriptNext - ES6 Syntax 这个插件对 JSX 模板语法的支持失效。
• JavaScript Snippets: 主要用于 Vanilla JS 的语法快捷输入。比如：输入 cl 再tab，就是console.log。输入fn，获得带名称的函数。afn对应匿名函数。不支持 ES6/ES7。Top 100。最新修改时间3个月前。
• JavaScript Completions: Vanilla JS 的语法补全。不支持 ES6/ES7。Top 100。最新修改时间7个月前。
• Vuejs Complete Package: 在 Sublime 中用起来顺手的 Vuejs 补全插件。
• Sass：支持Sass/SCSS 高亮显示。

VS Code 的一些插件

因个人偏爱性能，VS Code 用得相对较少。下面插件仅仅是体验，谈不上深度使用，供参考。

• Babel: 增加 Babel 的扩展
• ES7 React/Redux/React-Native/JS snippets: 如标题，代码快捷输入，4.6万下载量。
• Vue 2 Snippets: 中国人开发的插件，个人感觉比其他 Vue 插件更新更快、对 Vue 的支持更好。
• Sublime Text Keymap: 用惯了 Sublime 的快捷键。
• Python: 对 Python 的支持。