比較一下sublime和vscode

下面由sublime教程欄目給大家比較一下sublime和vscode，希望對需要的朋友有所幫助！

起因，安裝eslint自動檢查，代碼補全，安裝了n個插件，也還是報錯，另外，原來破解版的sublime，最近一段時間，打開彈出框提示。so，在朋友的安利下，試試vscode，使用心得，完美。

1、sublime和vscode比較

sublime優點

1. 主流前端開發編輯器
3. 體積小，運行快，啟動快
5. 文本功能強大
7. 支持編譯，且可以在控制臺看到輸出
9. 可安裝大量插件，來滿足定制化需求（ctrl+shift+p,ip,搜索插件安裝）
11. 輕量級，使用小項目

sublime缺點：

1. 收費閉源，bug修復時間慢
3. 安裝插件的時候，只有插件列表，顯示一句簡單的描述，插件配置不方便，很多插件sublime2 和sublime3不兼容

vscode優點：

1. 免費，最重要是不要錢。
3. 插件很多，最近vscode發展勢頭猛，安裝插件方便簡單，有插件的詳細介紹
5. 占用內存低，啟動速度，打開速度相對比較快
7. 全平臺，內置了對JavaScript, typescript and Node.JS,C++, C#, python, php等語言的強大支持

vscode缺點：

1. 不夠穩定
3. 啟動速度，打開速度沒有sublime快，大項目比較適用。

2、vscode安裝

官網下載，直接安裝

https://code.visualstudio.com/

3、vscode 常用插件安裝

查看–擴展（或者快捷鍵ctrl+shift+x),在輸入框輸入你要安裝的插件，選擇一個插件，點擊，右邊會顯示插件的詳細信息，點擊安裝就可以了。

?

1. html Snippets，提示初級的h5代碼片段，標簽等
3. HTML css Support，讓html標簽寫上class，智能提示當前項目所支持的樣式。
5. view in browers，ctrl+f1在默認瀏覽器中，運行當前的html
7. ?vscode-icon，讓vscode的文件夾目錄添加上對應的圖標。（如果不生效，在【文件-首選項-文件圖標主題】重新選擇設置）
9. path intellisense，文件路徑自動補齊。
11. npm?intellisense，require引用包的補齊
13. bracket pair colorizer，讓括號有獨立的顏色
15. auto rename tag ，修改標簽閉合
17. vetur，vue插件，語法高亮、智能感知、emmet
19. tortoisesvn，svn插件
21. auto close tag，自動添加html、xml關閉標簽
23. beautify，格式化代碼
25. change-case，修改文本的更多明明格式，駝峰命名，下劃線分割命名等等
27. chinese(Simplified)Language Pack for visual studio，vscode看不習慣英文的同學，可以下載安裝這個，中文簡體語言包
29. color info，在顏色上懸停光標，就可以預覽色塊中色彩模型的詳細信息、
31. css peek，追蹤至樣式表中css類和id定義的地方。在html文件右鍵菜單，單擊選擇器時，選擇“go to definition ”，會跳轉到css樣式代碼段
33. debugger for chrome，前端調試
35. eslint,檢查js編程中的語法錯誤
37. html boilerplate，html模板插件，一鍵創建html文件
39. htmlHint，html代碼格式檢測
41. image preview，鼠標防在image路勁上，顯示圖像預覽
43. intelliSense for CSS class names in HTML，把項目中css文件里的名稱，智能提示在html中
45. JavaScript (es6) code snippets ，es6代碼片段提示

?

以上就是比較一下