VSCode保存时按照EsLint格式化Vue

发表于

配置环境

1
2
3
npm i -g eslint-plugin-vue
#or
npm i -S eslint-plugin-vue

创建或修改项目根路径下的文件：.eslintrc | .eslint.js

1
2
3
4
//　添加插件
"plugins": [
    "vue"
]

VSCode安装相关插件

插件列表

  • EsLint
  • Vetur

修改用户设置文件setting.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//　添加配置参数
"eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        }
    ]