ESLint学习（四）如何在提交时检查代码
前⾔
项⽬中在提交时如果有eslint相关的问题会报错，那么是如何使⽤eslint在提交时检查代码的呢？
解决
json检查
假设已经安装好了eslint并且完成了配置⽂件的配置，万事俱备只⽋东风了
1、在项⽬中新建eslint.sh脚本（shell脚本）
filesCheckedByEslint=`git diff-index --cached HEAD --name-only --diff-filter ACMR | grep -v mockData | grep -v dep | egrep '(.js|.vue|.jsx|.ts)$'` filesCheckedByStylelint=`git diff-index --cached HEAD --name-only --diff-filter ACMR | grep -v mockData | grep -v dep | egrep '(.vue|.less)$'`
if [ "$filesCheckedByEslint" ];then
./node_modules/eslint/bin/eslint.js $filesCheckedByEslint
else
echo 'there is no js files to eslint check!'
fi
if [ "$filesCheckedByStylelint" ];then
./node_modules/stylelint/bin/stylelint.js $filesCheckedByStylelint
else
echo 'there is no less files to eslint check!'
fi
⼤概意思就是在提交的时候只会检查我们更改的⽂件，并对⽂件筛选，选出 js vue jsx这些⽂件，然后如果有这些⽂件就会执⾏ eslint检查命令
2、在script中定义eslint命令
3、在package.json⽂件中添加如图所⽰的字段
commit前会做eslint检查，如报错可按以下操作
eslint --fix ./src/union_monthly_list/App.vue//修复报错⽂件，建议
或
git commit -anm update //忽略eslint，不建议

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。