關于 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 的支持。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。