eslint-config
品牌广告团队前端代码规范
创建配置文件
在你的项目根目录下创建 .eslintrc.js,并将以下内容复制到文件中:
module.exports = {
extends: ['@mfw/eslint-config'],
globals: {
},
rules: {
}
};
@mfw/eslint-config 集成了标准 javascript, vue, react, typescript 代码规范,使用方式如下:
yarn add eslint eslint-plugin-import eslint-config-airbnb-base @mfw/eslint-config -D
extends: ['@mfw/eslint-config']
yarn add eslint eslint-plugin-import eslint-config-airbnb-base eslint-plugin-vue vue-eslint-parser @mfw/eslint-config -D
extends: ['@mfw/eslint-config/vue']
yarn add eslint eslint-plugin-import eslint-config-airbnb-base eslint-plugin-react @mfw/eslint-config -D
extends: ['@mfw/eslint-config/react']
yarn add eslint eslint-plugin-import eslint-config-airbnb-base typescript @typescript-eslint/eslint-plugin @mfw/eslint-config -D
extends: ['@mfw/eslint-config/typescript']
高级用法
yarn add husky -D
{
"husky": {
"hooks": {
"pre-commit": "npm run lint",
"pre-push": "npm run lint:fix",
"...": "..."
}
}
}
安装 husky 使用 git hooks ,在 commit 操作执行之前, 程序会自动运行配置格式化命令npm run lint
, 这样提交的代码就可以保证是干净的了.
setup vscode
首先安装 Eslint 插件, 然后修改 setting.json
"eslint.validate":[
{
"language": "javascript",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
]