VSCode的Vue插件Vetur设置

使用VSCode编写vue项目时安装了Vetur插件，但是每次alt+shift+f格式化代码的时候就有点让人头疼，
缩进自动变成了2个空格（习惯了用4个空格缩进，不同层级的代码看着明显一点），js代码末尾自动加了分号，js的一些字符串值原本的单引号变成了双引号

image.png

image.png

Vetur文档

{
    "vetur.format.options.tabSize": 4,
    "vetur.format.options.useTabs": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "semi": false,    //不加分号
            "singleQuote": true  //用单引号
        }
    }
}

另外一种方式： 在根目录下新建 .prettierrc文件

{
  "semi": false,
  "singleQuote": true
}