如何進(jìn)行編輯工具Sublime和VS code優(yōu)缺點(diǎn)對比，相信很多沒有經(jīng)驗(yàn)的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

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

對于不同的程序員來說，用什么樣的編輯工具是十分重要的。因此小編為大家對比了兩款編輯工具Sublime和VS code優(yōu)缺點(diǎn)，希望可以給大家的選擇提供一些參考。

一、Sublime

Sublime Text 是一個(gè)輕量、簡潔、高效、跨平臺的編輯器，也是HTML和散文先進(jìn)的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開發(fā)出來，它最初被設(shè)計(jì)為一個(gè)具有豐富擴(kuò)展功能的Vim。

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

主流前端開發(fā)編輯器

體積小，運(yùn)行快，啟動快

文本功能強(qiáng)大

支持編譯，且可以在控制臺看到輸出

可安裝大量插件，來滿足定制化需求（ctrl+shift+p,ip,搜索插件安裝）

輕量級，使用小項(xiàng)目

缺點(diǎn)：

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

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

二、VS code

Visual Studio Code是一個(gè)輕量且強(qiáng)大的代碼編輯器，支持Windows，OS X和Linux。內(nèi)置JavaScript、TypeScript和Node.js支持，而且擁有豐富的插件生態(tài)系統(tǒng)，可通過安裝插件來支持C++、C#、Python、PHP等其他語言。

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

免費(fèi)。

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

占用內(nèi)存低，啟動速度，打開速度相對比較快

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

缺點(diǎn)：

不夠穩(wěn)定

啟動速度，打開速度沒有Sublime快，大項(xiàng)目比較適用。

三、安裝

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

VS code常用插件安裝：

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

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

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

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

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

path intellisense，文件路徑自動補(bǔ)齊。

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

bracket pair colorizer，讓括號有獨(dú)立的顏色

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

vetur，vue插件，語法高亮、智能感知、emmet

tortoiseSvn，svn插件

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

beautify，格式化代碼

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

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

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

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

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

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

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

htmlHint，html代碼格式檢測

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

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

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

就以上兩款編輯工具Sublime和VS code對比下來，兩者各有其優(yōu)缺點(diǎn)，不過小編更推薦VS code，一方面因?yàn)樗鼜?qiáng)大的功能，另一方面是以因?yàn)槊赓M(fèi)啊!

看完上述內(nèi)容，你們掌握如何進(jìn)行編輯工具Sublime和VS code優(yōu)缺點(diǎn)對比的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！