脚本整合指定文件/文件夹执行定制化ESLint命令使用实例

更新时间：2023年11月06日 11:24:28 作者：后除

这篇文章主要为大家介绍了脚本整合指定文件/文件夹执行定制化 ESLint命令使用实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

背景

最近面对一个庞大的项目，但是只需要修改某个模块，每次都手搓命令太麻烦了，于是就想着能不能写个脚本来辅助处理这些事情。

解决方案

定制化一键 ESLint，执行文件下载地址：

https://github.com/mazeyqian/go-gin-gee/releases/tag/v1.4.0

基础使用

以下案例以 macOS 为例，其他系统自行替换对应的文件。

案例 1：指定文件 file1.js 和 file2.js，使用默认的配置。

#!/bin/bash
./eslint-files-mac-darwin-amd64 -files="file1.js,file2.js"

案例 2：指定文件夹 src/views 和 src/components。

#!/bin/bash
./eslint-files-mac-darwin-amd64 -folders="/root/app/src/views,/root/app/src/components"

配合根目录 root 使用指定文件夹：

#!/bin/bash
./eslint-files-mac-darwin-amd64 \
  -folders="src/views,src/components" \
  -root="/root/app/"

案例 3：指定 ESLint 配置文件 custom.eslintrc.js 和命令 --fix。

#!/bin/bash
./eslint-files-mac-darwin-amd64 \
  -folders="/root/app/src/views" \
  -esConf="custom.eslintrc.js" \
  -esCom="--fix"

复杂场景

指定 ESLint 配置文件 custom.eslintrc.js；
指定附带命令 --fix；
指定文件和文件夹；
指定文件后缀；
添加前置和后置执行命令。

#!/bin/bash
./eslint-files-mac-darwin-amd64 \
  -files="file1.js,file2.js" \
  -folders="src/views,src/components" \
  -root="/root/app/" \
  -esConf="custom.eslintrc.js" \
  -esCom="--fix" \
  -ext=".js,.ts,.jsx,.vue,.tsx" \
  -befCom="echo 'Starting format';" \
  -aftCom="echo 'Format completed';"

参数说明

参数	说明	默认	示例	是否必须
files	指定文件，多个文件用 , 分隔。	-	file1.js,file2.js	可选
folders	指定文件夹，多个文件夹用 , 分隔。	-	src/views,src/components	可选
esConf	指定 ESLint 配置文件。	-	custom.eslintrc.js	可选
esCom	指定附带命令。	-	--fix	可选
root	指定根目录，配合 folders 使用。	-	/root/app/	可选
ext	指定文件后缀。	.js	.js,.ts,.jsx,.vue	可选
befCom	指定前置执行命令。	-	echo 'Starting format';	可选
aftCom	指定后置执行命令。	-	echo 'Format completed';	可选
filesRang	指定文件范围，统计处理过和未处理的文件。	-	/root/app/	可选

演示效果

项目地址

该脚本使用 Go 语言开发，访问地址：

https://github.com/mazeyqian/go-gin-gee/tree/main/scripts/eslint-files

以上就是脚本整合指定文件/文件夹执行定制化 ESLint命令使用实例的详细内容，更多关于脚本整合文件夹ESLint命令的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

微信小程序特效菜单抽屉效果实例代码
这篇文章主要介绍了微信小程序特效菜单抽屉效果实例代码的相关资料,抽屉效果的菜单在APP应用中经常使用，这里用微信小程序来实现这一效果，需要的朋友可以参考下
2017-01-01
svgicon组件使用方法示例详解
这篇文章主要为大家介绍了svgicon组件使用方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
JS高级ES6的6种继承方式
这篇文章主要和大家分享的事JS高级ES6的6种继承方式，继承是面向对象中老生常谈的一个内容，在ECMAScript6之前，JavaScript中的继承可谓是非常的繁琐的，有各种各样的继承，本质上所有的继承都是离不开原型链的，更多详细内容请感兴趣的小伙伴参考下面文章内容吧
2021-12-12
JavaScript中async,await的使用和方法
关于JavaScript中async和await学习，我们在这里通过 ECMAScript 2017 中添加 async 函数和 await 关键字，也会在主流脚本库和其他 JavaScript 编程中得到一些应用。接下来我们大家一起来简单学习一下
2021-08-08
Skypack布局前端基建实现过程详解
这篇文章主要为大家介绍了Skypack布局前端基建过程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
微信小程序 toast组件详细介绍
这篇文章主要介绍了微信小程序 toast组件详细介绍的相关资料,需要的朋友可以参考下
2016-09-09
微信小程序报错：this.setData is not a function的解决办法
这篇文章主要介绍了微信小程序报错：this.setData is not a function的解决办法的相关资料,希望通过本文能帮助到大家解决这样类似的问题，需要的朋友可以参考下
2017-09-09
JS按钮连击和接口调用频率限制防止客户爆仓
这篇文章主要为大家介绍了JS按钮连击和接口调用频率限制防止客户集体爆仓详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-09-09
微信小程序（九）scroll-view组件详细介绍
这篇文章主要介绍了微信小程序scroll-view组件详细介绍的相关资料,需要的朋友可以参考下
2016-09-09
微信小程序（四）应用生命周期详解
这篇文章主要介绍了微信小程序（四）应用生命周期详解的相关资料,需要的朋友可以参考下
2016-09-09