VUE 配置vscode關於vue插件

前言：最近在搞vue項目，所謂  工欲善其事，必先利其器，下面我來配置下經常使用的vue插件

 

一、vetur

　　能夠將「.vue」文件中的語法進行高亮顯示，Vetur不只支持Vue中的template模板之外，還支持大多數主流的前端開發腳本和插件，好比Sass、TypeScript、Jade和Less等等。

 

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

　　漢化的vscode插件

 

三、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": "Default Dark+",

    "editor.detectIndentation": false,

    "[vue]": {

        "editor.defaultFormatter": "HookyQR.beautify" // 設置默認beautity爲格式化

    }

}