VScode 外掛工具集，不求全但求好
[更多外掛可以到官網自行探索](https://marketplace.visualstudio.com/vscode) 複製程式碼
對前端感興趣的小夥伴，可以關注我的 Github
根據調查發現，VScode 和 sublime 是前端開發者比較喜歡的 IDE 。“工欲善其事，必先利其器”，我是一個愛折騰的工具控，剛開始用 VScode 的時候，裝了一堆的外掛，導致只要開啟 VScode 再接上大屏，我的 Mac 就會強烈的反抗，風扇一直呼嘯，:flushed::flushed:....後來就開啟解除安裝模式，開始一直卸，最終保留一些小而美，使用率高的外掛，整理一份以便不備之需。
而對於一個團隊而言，大家用同一套快捷鍵，同一個IDE，同一套外掛，那麼結對程式設計將會是一件特別幸福的事情。和帥哥哥一起程式設計還是可以學到很多東西的，嘻嘻～～
一、程式碼快捷鍵
在 VScode 的首頁可以設定通用快捷鍵，因為平常用sublime比較多，所以乾脆合併成一套。
二、程式碼提示
1. Path Intellisense
自動路徑補全
2. Document this
js 的註釋模板 （注意：新版的 vscode 已經原生支援,在 function 上輸入 /** tab ）
三、程式碼格式
1. ESlint
程式碼規範，對不符合要求的程式碼或者有語法錯誤的 JS程式碼 進行提示，可以自定製提示規則
2. HTMLHint
html程式碼 檢測
3. beautify
格式化程式碼的工具
四、程式碼視覺化改善
1. colorize
視覺化顏色哦，做元件涉及很多不同的主題，個人還是蠻稀飯的
2. RegExp Preview and Editor
這個就厲害了.可以完美的展示你寫的正則,圖形化給你看你寫正則的形成
----------------------------------------------------------------------------
華麗麗的分割線，以下外掛根據框架語言選擇，用什麼裝什麼，不用就不要裝了，浪費記憶體
五、React 外掛
1. ES7 React/Redux/GraphQL/React-Native snippets
涵蓋的程式碼片段賊豐富，React 相關程式碼提示有這個就夠了
2. Useful React Snippets
當然如果你只用React,那用這個程式碼提示吧，管夠了
3. CSS Blocks
支援css模組化的智慧提示，跳轉，牆裂推薦
4. styled-components-snippets
styled-components 的程式碼片段
六、Vue 外掛
1. vetur
語法高亮、智慧感知、Emmet 等
2. VueHelper
snippet 程式碼片段
3. Vue VSCode Snippets
很全面的vue程式碼片段
七、Node
1. eggjs
蛋框的相關幫助外掛,程式碼片段,智慧提示等
2. egg-jump-definition
蛋框的函式跳轉： Cmd+4
八、微信小程式
1. mpvue snippets
mpvue 的一些程式碼片段,以及部分原生小程式的程式碼提示
2. minapp
用 VS Code 寫小程式必備的外掛,裡面有眾多實用的特性整合
九、Markdown 外掛
1. Markdown All in One
Markdown 的提示外掛用這一個足以，集成了語法快捷鍵、Math、預覽等，很實用
2. markdownlint
對 markdown 的語法格式規範進行程式碼提示
十、總結
有了這些外掛就可以早點下班啦～～
想找蘿蔔或者想找坑的童鞋，可以加入我們的 “前端內推群” ，裡面有BATJ等大廠的HR，同時也有精通React、Vue、Node、小程式的大佬。
如果加不進去，可以先加我微信，我會拉你進去。(註明一下你的title哦）
如果你認為這篇文章還不錯或者有所收穫，可以掃描二維碼打賞我一杯咖啡！筆芯:heart:
