脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → 脚本整合文件夹ESLint命令

脚本整合指定文件/文件夹执行定制化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命令的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • JavaScript实现文本转换为文件示例详解

    JavaScript实现文本转换为文件示例详解

    这篇文章主要为大家介绍了JavaScript实现文本转换为文件示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-08-08
  • js解决移动端滚动穿透问题方案详解

    js解决移动端滚动穿透问题方案详解

    这篇文章主要为大家介绍了js解决移动端滚动穿透问题方案详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-07-07
  • JavaScript API调用Rollup打包流程快速上手

    JavaScript API调用Rollup打包流程快速上手

    这篇文章主要为大家介绍了JavaScript API调用Rollup打包流程快速上手
    2023-05-05
  • javascript数据类型之原始类型详解

    javascript数据类型之原始类型详解

    这篇文章主要为大家介绍了javascript数据类型之原始类型详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-06-06
  • javascript Number 与 Math对象的介绍

    javascript Number 与 Math对象的介绍

    这篇文章主要介绍了javascript Number 与 Math对象，文章围绕 Number 与 Math对象的相关资料展开内容,需要的朋友可以参考一下，希望对你有所帮助
    2021-11-11
  • TS 类型收窄教程示例详解

    TS 类型收窄教程示例详解

    这篇文章主要为大家介绍了TS 类型收窄教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-09-09
  • arco design按需导入报错排查思路与解决方案解析

    arco design按需导入报错排查思路与解决方案解析

    这篇文章主要为大家介绍了arco design 按需导入报错排查思路与解决方案解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-03-03
  • JS封装转换前后端接口数据格式工具函数下划线<=>大写

    JS封装转换前后端接口数据格式工具函数下划线<=>大写

    这篇文章主要为大家介绍了JS优雅封装转换前后端接口数据格式工具函数下划线<=>大写实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-03-03
  • JavaScript数组详细归纳

    JavaScript数组详细归纳

    JavaScript 数组用于在单一变量中存储多个值，数组是一种特殊的变量，它能够一次存放一个以上的值。下面文章小编就来详细归纳一下JavaScript数组,需要的朋友可以参考一下
    2021-09-09
  • JavaScript递归详述

    JavaScript递归详述

    这篇文章主要介绍了JavaScript递归,递归就是当一个函数可以调用自己，那么这个函数就是递归，接下俩我们就来看看下面文章的详细介绍内容，需要的小伙伴可以参考一下，希望对你有所帮助
    2021-12-12

最新评论