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": "Default Dark+",
    "editor.detectIndentation": false,
    "[vue]": {
        "editor.defaultFormatter": "HookyQR.beautify" // 设置默认beautity为格式化
    }
}
原文地址:https://www.cnblogs.com/chenhaoyu/p/15123528.html