标签：vue grep -- 代码 js ESLint 提交 diff eslint

转自  https://www.cnblogs.com/kunmomo/p/14989831.html

前言

项目中在提交时如果有eslint相关的问题会报错，那么是如何使用eslint在提交时检查代码的呢？

解决

假设已经安装好了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，不建议

标签：vue,grep,--,代码,js,ESLint,提交,diff,eslint
来源： https://www.cnblogs.com/zsg88/p/15646177.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。