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』)
- Sublime: 自带 vim 模式,把 settings 中
- 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 的支持。