webpack笔记之eslint
eslint通常是跟编辑器一块用,边写边检测边修改,而不需要在webpack打包中才去用eslint检测;
步骤:1.vscode中下载eslint插件,目的是不需要用命令,平时边写边检测边修改,而不需要用命令检测;
2. 全局或局部安装eslint:npm i eslint [-g]
3.创建eslint的检查依据.eslintr文件;可以局部,也可以全局,运行命令 npx eslint --init;安装自己的需要来选配置
注意:.eslintrc文件可以有三种文件形式:json .xxrc 或者yalm
对于不需要的文件规则,可以在eslintrc.json文件的rules选项中禁用off,警告warn,错误error三种级别。
对于规则,https://eslint.bootcss.com/docs/rules/
设置自动修复,其中有些是可以自动修复的,用ctrl + s即可。这是在默认的vscode的eslint插件中的选项中,有
//在vue-cli项目中用.eslintrc.js module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', 'eslint:recommended' ], parserOptions: { parser: 'babel-eslint' }, rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-unused-vars': 'warn', 'no-useless-escape': 'warn', 'no-empty': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'vue/no-side-effects-in-computed-properties':'warn', 'vue/no-unused-components':'warn' } }