VUE 配置vscode相關vue外掛

前言：最近在搞vue專案，所謂 工欲善其事，必先利其器，下面我來配置下常用的vue外掛

1、vetur

　　可以將“.vue”檔案中的語法進行高亮顯示，Vetur不僅支援Vue中的template模板以外，還支援大多數主流的前端開發指令碼和外掛，比如Sass、TypeScript、Jade和Less等等。

2、Chinese (Simplified) Language Pack for Visual Studio Code

　　漢化的vscode外掛

3、Beautify

　　格式化程式碼，可以設定4空格縮排，安裝後，點選 檔案 -> 首選項 -> 設定 ， 然後點選右上角的 開啟設定（json）,加入下面配置即可

　　格式化程式碼的快捷鍵：shift + Alt + F

　　

{ "beautify.config":{ "indent_size":4 }, "beautify.language":{ "js":{ "type":[ "javascript", "json" ], "filename":[ ".jshintrc", ".jsbeautify" ] }, "css":[ "css", "scss" ], "html":[ "htm", "html", "vue"//在這裡加上vue，beautify外掛預設不格式vue檔案 ] }, "workbench.colorTheme":"DefaultDark+", "editor.detectIndentation":false, "[vue]":{ "editor.defaultFormatter":"HookyQR.beautify" // 設定預設beautity為格式化 } }