1.ESLint 代码规范的约束
执行 --fix自动的进行代码约束
配置ESLint
1.npm i eslint --save-dev
2.在package.json中配置
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack-dev-server --env development",
"build": "webpack",
"lintjs": "exlint app/ webpack.*.js --cache"
},
其中app/ 指的是对app文件夹中的文件进行规范约束
新建一个文件 .eslintrc.js
module.exports = {
env: {
browser: true,
commonjs: true,
es6: true,
node: true,
},
extends: 'eslint:recommended',
parserOptions: {
sourceType: 'module',
},
rules: {
'comma-dangle': ['error', 'always-multiline'],
indent: ['error',2],
'linebreak-style': ['error','unix'],
quotes: ['error', 'single'],
semi: ['error','always'],
'no-unused-vars': ['warn'],
'no-console': 0,
},
};
自动修正代码规范
npm run lint – --fix
这个是手动自己进行检测