腳本整合指定文件/文件夾執(zhí)行定制化ESLint命令使用實(shí)例

更新時(shí)間：2023年11月06日 11:24:28 作者：后除

這篇文章主要為大家介紹了腳本整合指定文件/文件夾執(zhí)行定制化?ESLint命令使用實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

背景

最近面對(duì)一個(gè)龐大的項(xiàng)目，但是只需要修改某個(gè)模塊，每次都手搓命令太麻煩了，于是就想著能不能寫個(gè)腳本來輔助處理這些事情。

解決方案

定制化一鍵 ESLint，執(zhí)行文件下載地址：

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

基礎(chǔ)使用

以下案例以 macOS 為例，其他系統(tǒng)自行替換對(duì)應(yīng)的文件。

案例 1：指定文件 file1.js 和 file2.js，使用默認(rèn)的配置。

#!/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"

復(fù)雜場(chǎng)景

指定 ESLint 配置文件 custom.eslintrc.js；
指定附帶命令 --fix；
指定文件和文件夾；
指定文件后綴；
添加前置和后置執(zhí)行命令。

#!/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';"

參數(shù)說明

參數(shù)	說明	默認(rèn)	示例	是否必須
files	指定文件，多個(gè)文件用 , 分隔。	-	file1.js,file2.js	可選
folders	指定文件夾，多個(gè)文件夾用 , 分隔。	-	src/views,src/components	可選
esConf	指定 ESLint 配置文件。	-	custom.eslintrc.js	可選
esCom	指定附帶命令。	-	--fix	可選
root	指定根目錄，配合 folders 使用。	-	/root/app/	可選
ext	指定文件后綴。	.js	.js,.ts,.jsx,.vue	可選
befCom	指定前置執(zhí)行命令。	-	echo 'Starting format';	可選
aftCom	指定后置執(zhí)行命令。	-	echo 'Format completed';	可選
filesRang	指定文件范圍，統(tǒng)計(jì)處理過和未處理的文件。	-	/root/app/	可選