小編給大家分享一下sublime和vscode的對(duì)比示例，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿(mǎn)足客戶(hù)于互聯(lián)網(wǎng)時(shí)代的勐臘網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

1、sublime和vscode比較

sublime優(yōu)點(diǎn)

1. 主流前端開(kāi)發(fā)編輯器

3. 體積小，運(yùn)行快，啟動(dòng)快

5. 文本功能強(qiáng)大

7. 支持編譯，且可以在控制臺(tái)看到輸出

9. 可安裝大量插件，來(lái)滿(mǎn)足定制化需求（ctrl+shift+p,ip,搜索插件安裝）

11. 輕量級(jí)，使用小項(xiàng)目

sublime缺點(diǎn)：

1. 收費(fèi)閉源，bug修復(fù)時(shí)間慢

3. 安裝插件的時(shí)候，只有插件列表，顯示一句簡(jiǎn)單的描述，插件配置不方便，很多插件sublime2 和sublime3不兼容

vscode優(yōu)點(diǎn)：

1. 免費(fèi)，最重要是不要錢(qián)。

3. 插件很多，最近vscode發(fā)展勢(shì)頭猛，安裝插件方便簡(jiǎn)單，有插件的詳細(xì)介紹

5. 占用內(nèi)存低，啟動(dòng)速度，打開(kāi)速度相對(duì)比較快

7. 全平臺(tái)，內(nèi)置了對(duì)JavaScript, TypeScript and Node.js,C++, C#, Python, PHP等語(yǔ)言的強(qiáng)大支持

vscode缺點(diǎn)：

1. 不夠穩(wěn)定

3. 啟動(dòng)速度，打開(kāi)速度沒(méi)有sublime快，大項(xiàng)目比較適用。

2、vscode安裝

官網(wǎng)下載，直接安裝

https://code.visualstudio.com/

3、vscode 常用插件安裝

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

1. HTML Snippets，提示初級(jí)的h6代碼片段，標(biāo)簽等

2. HTML CSS Support，讓html標(biāo)簽寫(xiě)上class，智能提示當(dāng)前項(xiàng)目所支持的樣式。

3. view in browers，ctrl+f1在默認(rèn)瀏覽器中，運(yùn)行當(dāng)前的html

4. vscode-icon，讓vscode的文件夾目錄添加上對(duì)應(yīng)的圖標(biāo)。（如果不生效，在【文件-首選項(xiàng)-文件圖標(biāo)主題】重新選擇設(shè)置）

5. path intellisense，文件路徑自動(dòng)補(bǔ)齊。

6. npm intellisense，require引用包的補(bǔ)齊

7. bracket pair colorizer，讓括號(hào)有獨(dú)立的顏色

8. auto rename tag ，修改標(biāo)簽閉合

9. vetur，vue插件，語(yǔ)法高亮、智能感知、emmet

10. tortoiseSvn，svn插件

11. auto close tag，自動(dòng)添加html、xml關(guān)閉標(biāo)簽

12. beautify，格式化代碼

13. change-case，修改文本的更多明明格式，駝峰命名，下劃線分割命名等等

14. chinese(Simplified)Language Pack for Visual Studio，vscode看不習(xí)慣英文的同學(xué)，可以下載安裝這個(gè)，中文簡(jiǎn)體語(yǔ)言包

15. color info，在顏色上懸停光標(biāo)，就可以預(yù)覽色塊中色彩模型的詳細(xì)信息、

16. css peek，追蹤至樣式表中css類(lèi)和id定義的地方。在html文件右鍵菜單，單擊選擇器時(shí)，選擇“go to definition ”，會(huì)跳轉(zhuǎn)到css樣式代碼段

17. debugger for chrome，前端調(diào)試

18. eslint,檢查js編程中的語(yǔ)法錯(cuò)誤

19. html boilerplate，html模板插件，一鍵創(chuàng)建html文件

20. htmlHint，html代碼格式檢測(cè)

21. image preview，鼠標(biāo)防在image路勁上，顯示圖像預(yù)覽

22. intelliSense for CSS class names in HTML，把項(xiàng)目中css文件里的名稱(chēng)，智能提示在html中

23. JavaScript (ES6) code snippets ，es6代碼片段提示

以上是“sublime和vscode的對(duì)比示例”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！