VSCode官網：https://code.visualstudio.com/
支持語音：
速度較快，對超大文件讀寫速度飛快(打開10M代碼不到1s，Subline原生會卡近6s)，插件數量相對少，有一些增強功能比如調試器， 終端，原生支持語言語法高亮較少(C# JS TypeScript是第一位)，內置JS/TS調試器…可以基於不同項目(文件夾)設置偏好，寫C#和JS/TS專用
注意：VSCode需要安裝git和Framework
主題常用：Monokai
1.2 常用插件
| 插件名稱 | 介紹 | 使用方法 |
|---|---|---|
| filesize | 在底部狀態欄顯示當前文件大小，點擊后還可以看到詳細創建、修改時間 | 自動啟用 |
| vscode-icons | 美化VSCode的界面，在文件名前面顯示小圖標 | 自動啟用 |
| view in browser | 用瀏覽器預覽HTML文件 | 鼠標右鍵 |
| Bootstrap 3 Sinnpet | 常用 bootstrap 的可以下 | 根據片段觸發 |
| css peek | 跟蹤樣式表中 CSS 類和 id 的樣式，點擊右鍵直接跳轉到對應的css代碼 | |
| Auto Close Tag | 自動閉合HTML標簽 | |
| HTML Snippets | 超級實用且初級的 H5代碼片段以及提示 | |
| HTML CSS Support | 讓 html 標簽上寫class 智能提示當前項目所支持的樣式。 <br>新版已經支持scss文件檢索(更新應該是這個插件 IntelliSense for CSS class names in HTML) | ？ |
| Debugger for Chrome | 讓 vscode 映射 chrome 的 debug功能，靜態頁面都可以用 vscode 來打斷點調試 | |
| jQuery Code Snippets | jquery 重度患者必須品 | |
| Sublime Text Keymap for VS Code | 模仿sublime快捷鍵操作 | |
| Path Intellisense | 自動路勁補全，默認不帶這個功能的 | |
| ESlint | ESlint 接管原生 js 提示，可以自定制提示規則。 | 1 |
| HTMLHint | html代碼檢測 | 1 |
| Project Manager | 在多個項目之前快速切換的工具 | |
| HTML CSS Class Completio | 掃描項目中的所有css中的class名，在html中自動補全，安裝后每次打開自動啟用 | |
| vscode-fileheade | 頂部注釋模板，可定義作者、時間等信息，並會自動更新最后修改時間 | |
| Auto Rename Tag | 修改HTML標簽時，自動修改匹配的標簽 | 1 |
| Beautify css, sass and less code | 格式化代碼的工具，css/sass/less格式化 | 1 |
| Bracket Pair Colorizer | 讓括號擁有獨立的顏色，易於區分。可以配合任意主題使用。 | |
| vetur | 語法高亮、智能感知、Emmet等 | |
| VueHelper | snippet代碼片段 |
1.3主題
1.Material
冷門、好看、實用。此主題已停更許久
2.Dracula
目前我覺得是vscode上最漂亮的主題,vscode 1.11+允許自定義statusBar等全局ui后,該主題也跟進改了很多小細節,良心!~
3.One Dark Pro
源於Atom,老版本的Atom One Dark主題可以扔了.