一、安裝插件
前端統一開發工具：VSCode插件整理。
首先，如果你不知道怎麼安裝編輯器插件，那麼請記住這個圖標：
二、插件推薦
1.（必備）Auto Close Tag:自動添加HTML/XML關閉標籤
https://code.visualstudio.com/updates/v1_16#_html-close-tags
這個插件是必備的，提高開發效率的東西，無論用js框架，html作爲前端是必須要寫的。
2.（必備）Auto Rename Tag: 自動重命名配對的標籤
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
3.（必備）Beautify:格式化js,json,css,cass,html
https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
4.（必備）Bracket Pair ColorZer:顏色識別匹配括號
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
5.（必備）CSS Peek：調試css樣式的必備插件
https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
鼠標放在類名，id上的時候，顯示出此類型下的css樣式，並可以直接跳轉到css文件
6.（必備）Document This：添加註釋快
https://marketplace.visualstudio.com/items?itemName=joelday.docthis
此插件可以統一大家的註釋塊，可統一生成註釋文檔
快捷鍵: ctrl+alt+dd(連續按兩次d)
設置文件中還可配置：
“docthis.includeAuthorTag”: true,//出現@Author
“docthis.includeDescriptionTag”: true,//出現@Description
“docthis.authorName”: “shenzekun”,//作者名字
7.（必備）ESLint：這個是幹嘛的就不用說了吧，誰沒裝的話，自己去找老大吧。
8.htmltagwrap：這個插件可以在html標籤外層添加一層標籤
https://marketplace.visualstudio.com/items?itemName=bradgashler.htmltagwrap
使用方法看文檔吧：選中要包裹的標籤，按alt+w
9.Indenticator：突出目前的縮進深度
https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator
10.javaScript(ES6)code snippets：ES6代碼片段
https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
可以試試，如果你體驗coding的感覺，手速又快的話，可以卸掉，例如像我一樣。
11.（必備）Path Intellisense：路徑自動補全
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
這個必須要安裝，很多錯誤是路徑問題引起的，並且比較難查，路徑自動補全會減少這樣的錯誤；
12.（必備）React-Native/React/Redux snippets for es6/es7：react代碼片段
https://marketplace.visualstudio.com/items?itemName=EQuimper.react-native-react-redux
記住一些推薦的react代碼片段縮寫，這樣會讓你的開發速度有所提升
13.主題（專爲對生活質量要求較高的同事整理）
Dracula Official
One Dark Pro
One Monokai Theme
Eva Theme
最後提醒一句，插件安裝多了，編輯器會卡，但是至少希望大家把我標註（必備）的插件都安裝上，並且看下對應的文檔，用起來，慢慢的你會發現代碼質量會有所提高。