vscode相對來說要更易用和友好一點，外掛更豐富，程式碼提示和補全功能更強大。和相關的前端打包部署工具、程式碼管理工具親和性更強，生態良好。

最重要的一點，vscode目前已逐漸成為程式設計主流編輯器，使用者眾多，遇到問題時不用擔心找不到答案。

編輯器跟製作網頁沒有關係，去學習html，css，js。用什麼工具學都一樣，對真小白的話，還是用webstorm吧，基本開箱即用，把時間用在程式語言和網頁設計上

製作前端網頁？我直接推薦你使用HBuilder-X這個編輯器。

這款編輯器製作前端網頁在合適不過了，強大的語法提示功能，只需要敲打幾個字母就能準確識別要敲打的標籤或者命令了。

並且這款編輯器是中國的，操作介面也是中文，比較適合新手入門。

我最近長期使用過vscode編寫react的jsx，發現效率沒有idea高，主題樣式和選單欄，目錄欄沒有idea的舒服。不過vscode已經適合大部分小白使用，寫傳統頁面綽綽有餘。如果使用我們中國產的前端idea還能邊改邊看。我推薦vscode，理由是輕量化，外掛豐富。

1、Sublime和vscode比較

Sublime優點

主流前端開發編輯器

體積小，執行快，啟動快

文字功能強大

支援編譯，且可以在控制檯看到輸出

可安裝大量外掛，來滿足定製化需求（ctrl+shift+p,ip,搜尋外掛安裝）

輕量級，使用小專案

Sublime缺點：

收費閉源，bug修復時間慢

安裝外掛的時候，只有外掛列表，顯示一句簡單的描述，外掛配置不方便，很多外掛sublime2 和sublime3不相容

VS Code優點：

免費，最重要是不要錢。

外掛很多，最近VS Code發展勢頭猛，安裝外掛方便簡單，有外掛的詳細介紹

佔用記憶體低，啟動速度，開啟速度相對比較快

全平臺，內建了對JavaScript, TypeScript and Node.js,C++, C#, Python, PHP等語言的強大支援

VS Code缺點：

不夠穩定

啟動速度，開啟速度沒有sublime快，大專案比較適用。

官網下載，直接安裝

https://code.visualstudio.com/

HTML Snippets，提示初級的h5程式碼片段，標籤等

HTML CSS Support，讓html標籤寫上class，智慧提示當前專案所支援的樣式。

view in browers，ctrl+f1在預設瀏覽器中，運行當前的html

vscode-icon，讓vscode的資料夾目錄新增上對應的圖示。（如果不生效，在【檔案-首選項-檔案圖示主題】重新選擇設定）

path intellisense，檔案路徑自動補齊。

npm intellisense，require引用包的補齊

bracket pair colorizer，讓括號有獨立的顏色

auto rename tag ，修改標籤閉合

vetur，vue外掛，語法高亮、智慧感知、emmet

tortoiseSvn，svn外掛

auto close tag，自動新增html、xml關閉標籤

beautify，格式化程式碼

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

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

color info，在顏色上懸停游標，就可以預覽色塊中色彩模型的詳細資訊、

css peek，追蹤至樣式表中css類和id定義的地方。在html檔案右鍵選單，單擊選擇器時，選擇“go to definition ”，會跳轉到css樣式程式碼段

debugger for chrome，前端除錯

eslint,檢查js程式設計中的語法錯誤

html boilerplate，html模板外掛，一鍵建立html檔案

htmlHint，html程式碼格式檢測

image preview，滑鼠防在image路勁上，顯示影象預覽

intelliSense for CSS class names in HTML，把專案中css檔案裡的名稱，智慧提示在html中

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

————————————————

綜上，個人建議優先考慮VS Code!

1、sublime和vscode比較

sublime優點

主流前端開發編輯器

體積小，執行快，啟動快

文字功能強大

支援編譯，且可以在控制檯看到輸出

可安裝大量外掛，來滿足定製化需求（ctrl+shift+p,ip,搜尋外掛安裝）

輕量級，使用小專案

sublime缺點：

收費閉源，bug修復時間慢

安裝外掛的時候，只有外掛列表，顯示一句簡單的描述，外掛配置不方便，很多外掛sublime2 和sublime3不相容

vscode優點：

免費，最重要是不要錢。

外掛很多，最近vscode發展勢頭猛，安裝外掛方便簡單，有外掛的詳細介紹

佔用記憶體低，啟動速度，開啟速度相對比較快

全平臺，內建了對JavaScript, TypeScript and Node.js,C++, C#, Python, PHP等語言的強大支援

vscode缺點：

不夠穩定

啟動速度，開啟速度沒有sublime快，大專案比較適用。

————————————————

必須是vscode，沒有其他了。作為一款神級編輯器。vscode是全方位碾壓其他編輯器了。

第一，外掛豐富程度

vscode本身就js編寫的，支援的外掛可以說你想要的都要，最主要是下載都很快。sublime安裝個外掛速度又慢，又複雜。這些在vscode都不存在，安裝簡單，速度快。

第二，效能

sublime有時會很卡，特別是有些外掛載入的時候，能卡死整個編輯器。而vscode就沒有這個問題

第三，配置可以儲存，可以同步到新的機器上，只要用同一個賬號登入或者使用settings sync外掛。賊爽，不用重新安裝。

第四，vscode和git svn無縫整合，直接視覺化操作，非常方便。

第五，vscode免費，不會像sublime會彈捐助的提示了。