zoukankan      html  css  js  c++  java
  • 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,不建议
  • 相关阅读:
    新手上路:Laravel-控制器基础
    新手上路:Laravel-控制器基础
    新手上路:Laravel-控制器基础
    js限制文本框input只能输入数字
    66条财富语录
    赢在中国 第3讲思维篇
    赢在中国 ---对周宇的分析
    赢在中国 第二季 语录
    《赢在中国》第三季观后感
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
  • 原文地址:https://www.cnblogs.com/zsg88/p/15646177.html
Copyright © 2011-2022 走看看