關(guān)于 Sublime 與 VS Code 編輯器的碎碎念

Sublime 與 VS Code

Sublime 的目標(biāo)用戶主要是 vim 使用者，追求極致性能苟径。VS Code 的目標(biāo)用戶是前端開發(fā)者碱工，JavaScript, TypeScript, SASS/SCSS 都有原生支持庵寞。Atom 雖然一直在優(yōu)化，但經(jīng)過多次嘗試之后發(fā)現(xiàn)性能仍不能算穩(wěn)定闪朱，而且安裝插件在國內(nèi)環(huán)境下仍然比較麻煩月匣。
Sublime 的性能優(yōu)于 VS Code。Sublime 打開文件速度快奋姿。Sublime 即使裝了一定數(shù)量的插件锄开，性能也保持得相當(dāng)好，速度可以和 vim 媲美称诗，享受打字的樂趣萍悴。VS Code 插件裝多以后，打字有延遲感寓免。VS Code 受限于與 Atom 一樣的 Electron 內(nèi)核癣诱，雖然微軟已經(jīng)優(yōu)化很好，但速度仍然慢于 Sublime袜香。
VS Code 生態(tài)優(yōu)于 Sublime撕予。大多優(yōu)秀的前端開發(fā)插件存在于VS Code。而 Sublime 的插件相對較少蜈首，特別是針對 React 以及 ES6 的插件數(shù)量與更新時間实抡，都不能和 VS Code 比。大批插件開發(fā)者涌入 VS Code欢策。VS Code 正當(dāng)紅吆寨，這是趨勢。
結(jié)論：考慮速度選 Sublime踩寇，插件算是夠用啄清，但不完美。享受繁榮的前端開發(fā)插件考慮選 VS Code姑荷。

文件路徑補全：
- Sublime: AutoFileName
- VS Code: Path Intellisense
項目管理：
- Sublime: ProjectManager
- VS Code: Project Manager
文件頭注釋
- Sublime: FileHeader
- VS Code: vscode-fileheader
圖標(biāo)美化
- Sublime: A File Icon
- VS Code: file-icons
HTML/CSS/JS 代碼格式化
- Sublime: HTML-CSS-JS Prettify （對 JSX 美化失效盒延，需要設(shè)置 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

與 JS 有關(guān)：

Babel: 正確高亮顯示 JSX 語法。而 JavaScriptNext - ES6 Syntax 這個插件對 JSX 模板語法的支持失效阵谚。
JavaScript Snippets: 主要用于 Vanilla JS 的語法快捷輸入蚕礼。比如：輸入 cl 再tab，就是console.log梢什。輸入fn奠蹬，獲得帶名稱的函數(shù)。afn對應(yīng)匿名函數(shù)嗡午。不支持 ES6/ES7囤躁。Top 100。最新修改時間3個月前荔睹。
JavaScript Completions: Vanilla JS 的語法補全狸演。不支持 ES6/ES7。Top 100应媚。最新修改時間7個月前严沥。
Vuejs Complete Package: 在 Sublime 中用起來順手的 Vuejs 補全插件。
Sass：支持Sass/SCSS 高亮顯示中姜。

因個人偏愛性能消玄，VS Code 用得相對較少。下面插件僅僅是體驗丢胚，談不上深度使用翩瓜，供參考。

最后編輯于：2017.11.24 11:52:04

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者