程式設計師術與道2020-05-07 16:27:21

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

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

coding老王2020-06-15 13:26:05

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

第一，外掛豐富程度

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

第二，效能

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

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

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

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

最後，有任何vscode問題，都歡迎關注交流評論，有問必回。

IT技術君2020-05-23 14:26:56

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快，大專案比較適用。

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

NETCore技術研究2020-05-14 11:36:11

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快，大專案比較適用。

2、VS Code安裝

官網下載，直接安裝

https：//code。visualstudio。com/

3、VS Code 常用外掛安裝

檢視——擴充套件（或者快捷鍵ctrl+shift+x），在輸入框輸入你要安裝的外掛，選擇一個外掛，點選，右邊會顯示外掛的詳細資訊，點選安裝就可以了。

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！

經歷滄桑的少年2020-05-07 23:44:49

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

HBuilder編輯器功能

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

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

fnksrain2020-05-07 23:53:33

兩個都用，一個專門寫html一個寫css js，現在用的dw少了，但是我認為dw一樣好用，這三個都好用。

yangkyo8212020-05-07 23:12:57

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