VSCode 開發Vue必備插件
對於很多使用vscode編寫vue項目的新手同學來說，可能不知道使用什么插件，這里簡單說一下我常用的幾款插件。
1. vetur
實現在 vue 文件中：
- 語法錯誤檢查，包括 CSS/SCSS/LESS/Javascript/TypeScript
- 語法高亮，包括 html/jade/pug css/sass/scss/less/stylus js/ts emmet 支持
- 代碼自動補全（目前還是初級階段），包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript 配合 ESLint 插件使用效果更佳
2.eslint
- eslint插件能夠檢測代碼語法問題，與格式問題，對項目代碼風格統一至關重要。
3.HTML CSS Support
- 在編寫樣式表的時候，自動補全功能大大縮減了編寫時間，推薦！
4.HTML Snippets
- 這款插件包含html標簽，非常全，很實用。
5.View In Browser
- 在瀏覽器中查看靜態文件。
6.Live Server
這個插件很有用，安裝之后可以打開一個簡單的服務器。而且還會自動更新。安裝之后，打開項目文件夾，再在文件上點擊右鍵就會出現一個Open with Live Server的選項，
就會自動打開瀏覽器了。默認端口號是5500
7.GitLens----- Git Supercharged(必備)
- 查看git文件提交歷史。
8.Document This
- 注釋文檔生成
9.Debugger for Chrome
- 直接在vscode里面進行調試js文件，跟谷歌的控制台是一樣的功能，下載了它就不用打開瀏覽器的控制台就能進行打斷點。
- 需要配置vscode的lauch.json的谷歌調試相關配置
10.EditorConfig for Visual Studio Code
- EditorConfig 是一種被各種編輯器廣泛支持的配置，使用此配置有助於項目在整個團隊中保持一致的代碼風格。
11.JavaScript Snippet Pack
- 針對js的插件，包含了js的常用語法關鍵字，很實用。
12.Path Intellisense
- 在編輯器中輸入路徑時，自動補全。
13.One Monokai Theme
- 能夠選擇自己喜歡的顏色主題，來編寫代碼，比較喜歡用的是monokai。
14.vscode-icons(很好用)
- 能夠選擇自己喜歡的圖標主題，比較推薦vscode icons