Visual Studio Code 是由微軟開發的一款免費、跨平臺的文本編輯器。vs code是前端比較好用，比較火的編輯器，好用的插件讓我們在編程中無往不利；vs code它最大的一個特點是，插件多可自定義?，F在我們來看看有那些好用的插件。
1. vscode-icons
顧名思義，這個插件是個圖標插件，與擼代碼沒啥關系，但是它將項目中不同類型的文件（文件夾）通過圖標區分開來，一目了然，看起來就很爽。
2.CSS Peek
CSSPeak通過識別和枚舉已應用的不同樣式以幫助開發者處理標記語言的類字符串和ID。這很方便，因為開發者不再需要在HTML和CSS文件之間頻繁跳轉。
3.ESLint
EsLint可以幫助我們檢查Javascript編程時的語法錯誤。比如：在Javascript應用中，你很難找到你漏泄的變量或者方法。EsLint能夠幫助我們分析JS代碼，找到bug并確保一定程度的JS語法書寫的正確性。
4.Live Server
在VS Code中，LiveServer能開啟一個本地開發服務器，為靜態網頁和動態網頁提供服務。使用編輯器中的go-live按鈕，開發者可以立即把代碼放到服務器上，該擴展插件還支持實時刷新頁面。
5.HTML Boilerplate
通過使用 HTML 模版插件，你就擺脫了為 HTML 新文件重新編寫頭部和正文標簽的苦惱。你只需在空文件中輸入 html，并按 Tab 鍵，即可生成干凈的文檔結構。
6.Live Sass Compiler
LiveSass Compiler雖然很小，但功能極其強大，它可以將SASS /SCSS文件實時編譯為CSS文件，并在瀏覽器中展示已編譯樣式的實時預覽。
7.Prettier
Prettier 是目前 Web 開發中最受歡迎的代碼格式化程序。安裝了這個插件，它就能夠自動應用 Prettier，并將整個 JS 和 CSS 文檔快速格式化為統一的代碼樣式。
8.Color Info
這個便捷的插件，將為你提供你在 CSS 中使用顏色的相關信息。你只需在顏色上懸停光標，就可以預覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關信息了。
9.Open-In-Browser
由于 VSCode 沒有提供直接在瀏覽器中打開文件的內置界面，所以此插件在快捷菜單中添加了在默認瀏覽器查看文件選項，以及在客戶端（Firefox，Chrome，IE）中打開命令面板選項。
10. Minify
用于壓縮合并 JavaScript 和 CSS 文件的應用程序。它提供了大量自定義的設置，以及自動壓縮保存并導出為.min文件的選項。它能夠分別通過 uglify-js、clean-css 和 html-minifier，與 JavaScript、CSS 和 HTML 協同工作。
11. Quokka.js
Quokka.js是個調式工具插件，能夠實時反饋編寫代碼的計算結果，js實時編譯，相當于邊寫邊輸出控制臺的結果（在使用 JSX 或 TypeScript 項目中，它能夠開箱即用。）