資源略長，適合收藏。
VSCode社群的繁榮發展，外掛社群也是熱鬧非凡，外掛多了選擇就多了，這裡推薦一下我常用的提高工作效率的外掛。我用Vue開發，所以一些外掛和Vue相關。
VSCode美化相關
-
one dark pro主題
-
GlassIt-VSC（毛玻璃透明效果）
-
vscode-icons
-
local history ( vscode擁有本地恢復的某一時刻能力)
code相關
-
codeif(變數起名)
-
search node_modules
-
path-intellisense
-
vscode-element-helper
-
ant-design-vue-helper
-
font awesome icons
-
auto-close-tag
-
auto-rename-tag
-
自動匯入(import) (TypeScript & TSX)
-
成對的括號自動新增顏色（bracket-pair-colorizer）
-
顏色高亮顯示
-
npm-intellisense
debugger 系列
-
debugger for chrome
-
debugger for edge(Edge HTML & edge Chromium)
-
debugger for firefox
配置檔案系列
-
.env配置檔案編輯以.env結尾的檔案.
// setting.json新增這麼一句，所有以.env開頭的全都匹配 // vue下的環境配置檔案命名推薦： // .env.production .env.development // .env.alpha .env.beta .env.rc { "files.associations": { ".env*": "dotenv" } } 複製程式碼 -
.editorconfig配置檔案外掛
程式碼格式化
-
eslint
-
htmlHint
// setting.json { "files.associations": { "*.vue": "html", // 我沒試過，因為有vetur } } 複製程式碼 -
prettier
-
Beautify(prettier 選擇其一)
git相關
-
Git History
-
gitlens
Vue相關
輔助工具
-
setting sync (牆裂推薦)
如果你有多臺電腦，想在不同電腦之間同步
VSCode配置，就用它吧。注意： 使用gist 時記得使用private，防止私有token洩露。
-
todo tree
-
live server
-
jira plugin
-
powershell
如果你也有要分享的外掛，歡迎進群或留言。
如果入群失敗，新增個人微信，拉你入群，驗證訊息：前端交流
關注微信公眾號，發現更多精彩內容