.jpg)
下面由sublime教程欄目給大家比較sublime和sublime，希望對(duì)需要的朋友有所幫助！
起因，安裝eslint自動(dòng)檢查，代碼補(bǔ)全，安裝了n個(gè)插件，也還是報(bào)錯(cuò)，另外，原來(lái)破解版的sublime，最近一段時(shí)間，打開(kāi)彈出框提示。so，在朋友的安利下，試試vscode，使用心得，完美。
1、sublime和vscode比較
sublime優(yōu)點(diǎn)
-
主流前端開(kāi)發(fā)編輯器
-
體積小，運(yùn)行快，啟動(dòng)快
-
文本功能強(qiáng)大
-
支持編譯，且可以在控制臺(tái)看到輸出
-
可安裝大量插件，來(lái)滿足定制化需求（ctrl+shift+p,ip,搜索插件安裝）
-
輕量級(jí)，使用小項(xiàng)目
sublime缺點(diǎn)：
-
收費(fèi)閉源，bug修復(fù)時(shí)間慢
-
安裝插件的時(shí)候，只有插件列表，顯示一句簡(jiǎn)單的描述，插件配置不方便，很多插件sublime2 和sublime3不兼容
vscode優(yōu)點(diǎn)：
-
免費(fèi)，最重要是不要錢。
-
插件很多，最近vscode發(fā)展勢(shì)頭猛，安裝插件方便簡(jiǎn)單，有插件的詳細(xì)介紹
-
占用內(nèi)存低，啟動(dòng)速度，打開(kāi)速度相對(duì)比較快
-
全平臺(tái)，內(nèi)置了對(duì)JavaScript, typescript and Node.JS,C++, C#, python, php等語(yǔ)言的強(qiáng)大支持
vscode缺點(diǎn)：
-
不夠穩(wěn)定
-
啟動(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)擊安裝就可以了。
HTML?Snippets，提示初級(jí)的h5代碼片段，標(biāo)簽等 HTML?CSS?Support，讓html標(biāo)簽寫(xiě)上class，智能提示當(dāng)前項(xiàng)目所支持的樣式。 view?in?browers，ctrl+f1在默認(rèn)瀏覽器中，運(yùn)行當(dāng)前的html ?vscode-icon，讓vscode的文件夾目錄添加上對(duì)應(yīng)的圖標(biāo)。（如果不生效，在【文件-首選項(xiàng)-文件圖標(biāo)主題】重新選擇設(shè)置） path?intellisense，文件路徑自動(dòng)補(bǔ)齊。 npm?intellisense，require引用包的補(bǔ)齊 bracket?pair?colorizer，讓括號(hào)有獨(dú)立的顏色 auto?rename?tag?，修改標(biāo)簽閉合 vetur，vue插件，語(yǔ)法高亮、智能感知、emmet tortoiseSvn，svn插件 auto?close?tag，自動(dòng)添加html、xml關(guān)閉標(biāo)簽 beautify，格式化代碼 change-case，修改文本的更多明明格式，駝峰命名，下劃線分割命名等等 chinese(Simplified)Language?Pack?for?Visual?Studio，vscode看不習(xí)慣英文的同學(xué)，可以下載安裝這個(gè)，中文簡(jiǎn)體語(yǔ)言包 color?info，在顏色上懸停光標(biāo)，就可以預(yù)覽色塊中色彩模型的詳細(xì)信息、 css?peek，追蹤至樣式表中css類和id定義的地方。在html文件右鍵菜單，單擊選擇器時(shí)，選擇“go?to?definition?”，會(huì)跳轉(zhuǎn)到css樣式代碼段 debugger?for?chrome，前端調(diào)試 eslint,檢查js編程中的語(yǔ)法錯(cuò)誤 html?boilerplate，html模板插件，一鍵創(chuàng)建html文件 htmlHint，html代碼格式檢測(cè) image?preview，鼠標(biāo)防在image路勁上，顯示圖像預(yù)覽 intelliSense?for?CSS?class?names?in?HTML，把項(xiàng)目中css文件里的名稱，智能提示在html中 JavaScript?(ES6)?code?snippets?，es6代碼片段提示
?
.png)
