VSCode配置ESLint

1.在VSCode中安装如下两个插件

 

2.点击如图VSCode面板中的  齿轮→设置

 3.再点击图中红框的小图标，就打开了settings.json

 4.复制下面的内容到settings.json中

// ESLint 插件的配置

    "editor.codeActionsOnSave": {

        "source.fixAll": true,

    },

    "eslint.alwaysShowStatus": true,

    "prettier.trailingComma": "none",

    "prettier.semi": false,

    // 每行文字数超出此限制将会被迫换行

    "prettier.printWidth":300 ,

  // 使用单引号替换双引号

    "prettier.singleQuote": true,

    "prettier.arrowParens": "avoid",

    // 设置.vue文件中，HTML代码的格式化插件

 "vetur.format.defaultFormatter.html": "js-beautify-html",

    "vetur.ignoreProjectWarning": true,

 "vetur.format.defaultFormatterOptions": {

        "js-beautify-html": {

            "wrap_attributes": false

        },

        "prettier": {

            "trailingComma": "none",

            "semi": false,

            "singleQuote": true,

            "arrowParens": "avoid",

            "printWidth": 300 

        }

    },

5.在C:\\Users\\电脑用户名  目录下添加.prettier文件

文件内容如下:

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

6.再在setting.json文件中添加

"prettier.configPath": "C:\\Users\\lenovo\\.prettier",

lenovo是我的电脑用户名，改成自己电脑的