高效開發
- 檔案圖示
- 黑暗主題
- 代碼檢查工具
- 代碼美化
- CSS 類名智能提示
- 代碼拼寫檢查
- 模塊區分
- 內嵌cmd終端
- 路徑提示
- ES6 語法智能提示
- Vue 多功能集成插件
- 智能提示
- Git專用
檔案圖示
插件名稱：vscode-icons
vscode-icons 可以實作對各類檔案型別的檔案前的圖示進行優化顯示，我們在查看長檔案串列的時候，可以直接通過檔案的圖示就可以快速知道檔案的型別，而不用再去看檔案的后綴名了
黑暗主題
插件名稱：One Dark Pro
可以一鍵將VS Code編輯器顏色調為暗色，開發更舒服
代碼檢查工具
插件名稱：ESLint
ESLint 是一個語法規則和代碼風格的檢查工具，可以用來保證寫出語法正確、風格統一的代碼
VSCode 中的 ESLint 插件就直接將 ESLint 的功能集成，安裝后即可使用ESLint語法，對于代碼格式與規范的細節可以自定義標準，一個團隊可以共享同一個組態檔，所有人寫出的代碼就可以使用同一個代碼規范，在代碼打包前就可以自動完成自己的代碼規范檢查
代碼美化
插件名稱：Beautify
Beautify插件可以快速格式化代碼，讓你在撰寫代碼時雜亂無章的代碼結構瞬間變得非常規整，代碼強迫癥必備，較好的代碼格式在后期維護以及他人閱讀時都會有很多的便利
CSS 類名智能提示
插件名稱：IntelliSense for CSS class names in HTML
IntelliSense for CSS class names in HTML 插件，可以在 HTML 中需要呼叫 CSS 類名的地方，此插件會智能地給你已定義 CSS 類名的提示
代碼拼寫檢查
插件名稱：Code Spell Checker
此插件安裝后就不用管就好了，在你代碼中有單詞拼寫錯誤時，插件可以給出錯誤拼寫單詞的建議
模塊區分
插件名稱：Bracket Pair Colorizer
友好的給括號加上不同的顏色，便于區分不同的區塊，使用者還可以定義括號型別和顏色
內嵌cmd終端
插件名稱：Terminal
編輯器中內嵌一個似 cmd 終端程式，直接在編輯器中運行終端命令
路徑提示
插件名稱：Path Intellisense
插件自動提示檔案路徑，支持各種檔案無腦快速引入
ES6 語法智能提示
插件名稱：JavaScript(ES6) code snippets
ES6 語法智能提示及快速輸入，不僅僅支持 .js，還支持.ts，.jsx，.tsx，.html，.vue
Vue 多功能集成插件
插件名稱：Vetur
語法高亮，智能提示，emmet，錯誤提示，格式化，自動補全，debugger，vscode 官方欽定 Vue 插件，Vue開發者必備
智能提示
插件名稱：Npm Intellisense
npm 裝包后，require 時的包智能提示，import 陳述句中自動填充 npm 模塊
Git專用
插件名稱：GitLens
快捷方便查看 Git 日志，高頻使用 Git 者必備 使用鏈接
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/299140.html
標籤：其他