下载eslint与eslint-plugin-html

Eslint-plugin-html安装使用

下载eslint与eslint-plugin-html

cnpm，npm都行，全局安装
npm install -g eslint
npm install -g eslint-plugin-html

修改文件配置

1. C://Users//用户名，里面找到 .eslintrc.js，写字板打开，改成

module.exports = {
“env”: {
“browser”: true,
“es6”: true
},
“extends”: “eslint:recommended”,
“globals”: {
“Atomics”: “readonly”,
“SharedArrayBuffer”: “readonly”
},
“parserOptions”: {
“ecmaVersion”: 2018,
“sourceType”: “module”
},
“plugins”: [
“html”, //eslint-plugin-html插件，就是我们安装的
],
“rules”: {
“no-alert”: 1,//禁止使用alert confirm prompt
“no-console”: 2,//禁止使用console
}
};

2. 修改eslint的设置里的validate：打开vscode，打开设置，里面搜索eslint，首先勾选
   然后打开
   
   在settings.json里找到eslint.validate，改成
   “eslint.validate”: [
   “javascript”,
   “html”,
   “javascriptreact”,
   “vue”
   ],

3. 最后在你自己建立的.html文件（需要用到eslint的那个文件）里的package.json，添加或修改成

{
“devDependencies”: {

"eslint": "^6.8.0",
"eslint-plugin-html": "^6.1.2"

}
}