轉載：https://www.jianshu.com/p/705c8d679b73
作為一個前端人員，目前的編輯器選擇是，重一點的功能強大必然是phpstorm （或者webstorm），輕量級的用的VSC,也許你推薦sublime text 或者atom ，都挺不錯的，我個人使用VSC，習慣了而已。
最近由Ubunut重歸Window，許多軟件需要重裝，不免有些麻煩，插件又要重新搜索記憶。所以准備寫篇文章記錄一下。
安裝git避免每次提交都輸入賬號密碼 命令：：git config --global credential.helper wincred
1. Bracket Pair Colorizer ：對括號對進行着色，再也不會搞不清狀況了
2. Git History: 可以查看Git log, file, 和line 歷史記錄。
3 .monokia dimmed顏色主題，碼員大愛
4. Document This，目前vscode上最好的ts注釋插件。
5. Open-In-Browser 由於 VSCode 沒有提供直接在瀏覽器中打開文件的內置界面，所以此插件在快捷菜單中添加了在默認瀏覽器查看文件選項，以及在客戶端（Firefox，Chrome，IE）中打開命令面板選項。
6. Quokka Quokka 是一個調試工具插件，能夠根據你正在編寫的代碼提供實時反饋。它易於配置，並能夠預覽變量的函數和計算值結果。另外，在使用 JSX 或 TypeScript 項目中，它能夠開箱即用。
7. CSS Peek 使用此插件，你可以追蹤至樣式表中 CSS 類和 ids 定義的地方。當你在 HTML 文件中右鍵單擊選擇器時，選擇“ Go to Definition 和 Peek definition ”選項，它便會給你發送樣式設置的 CSS 代碼。
8. HTML Boilerplate 通過使用 HTML 模版插件，你就擺脫了為 HTML 新文件重新編寫頭部和正文標簽的苦惱。你只需在空文件中輸入 html，並按 Tab 鍵，即可生成干凈的文檔結構。
9. Prettier Prettier 是目前 Web 開發中最受歡迎的代碼格式化程序。安裝了這個插件，它就能夠自動應用 Prettier，並將整個 JS 和 CSS 文檔快速格式化為統一的代碼樣式。如果你還想使用 ESLint，那么還有個 Prettier – Eslint 插件，你可不要錯過咯！
10. Color Info 這個便捷的插件，將為你提供你在 CSS 中使用顏色的相關信息。你只需在顏色上懸停光標，就可以預覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關信息了。
11. SVG Viewer 此插件在 Visual Studio 代碼中添加了許多實用的 SVG 程序，你無需離開編輯器，便可以打開 SVG 文件並查看它們。同時，它還包含了用於轉換為 PNG 格式和生成數據 URI 模式的選項。
12. TODO Highlight 這個插件能夠在你的代碼中標記出所有的 TODO 注釋，以便更容易追蹤任何未完成的業務。在默認的情況下，它會查找 TODO 和 FIXME 關鍵字。當然，你也可以添加自定義表達式。
13. Icon Fonts 這是一個能夠在項目中添加圖標字體的插件。該插件支持超過 20 個熱門的圖標集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。
14. Regex Previewer 這是一個用於實時測試正則表達式的實用工具。它可以將正則表達式模式應用在任何打開的文件上，並高亮所有的匹配項。
15. Auto Close Tag，適用於 JSX、Vue、HTML，在打開標簽並且鍵入
作者：普通不平庸
鏈接：https://www.jianshu.com/p/705c8d679b73
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。