概念的东西，先简单过一下，留个印象，主要是文章后方的项目中的应用

什么是批处理文件

• 批处理文件是指文件后缀名是.bat或.cmd的文件
• 批处理文件中可以去编写很多命令，用于给电脑自动执行
• 触发条件就是双击这个.bat或.cmd文件 即会自动执行文件中的命令，从而实现我们想要的效果
• 批量处理一些命令——即为：批处理文件
• 就前端而言，我们常常会在vscode的终端去执行一些命令
• 或者git的bash命令，基本一个意思

若是对于批处理命令不太熟悉的，可以看看这篇命令的总结：https://zhuanlan.zhihu.com/p/54572985

.bat和.cmd批处理文件有什么区别

• 先有的.bat，后有的.cmd（历史发展问题）
• 二者基本上是一样的
• 就相当于word文档中的.doc和.docx的区别
• 二者都可以在windows系统（古老的dos也行）直接运行的

长相如下图：

编写批处理文件的话，可以直接使用电脑自带的文本文档，写完以后，直接改文件后缀名即可。

那么，批处理文件有哪些应用呢？举几个例子，请继续往下看...

应用场景一：一键启动多个软件

• 我们每天去上班，第一件事就要打开各种工作软件，少则五六个，多则十几个，比如：
• 要分别双击去打开钉钉、飞书、微信、谷歌火狐Edge浏览器、等...
• 双击操作要执行多次
• 针对这种情况，我们就可以编写一个简单的.bat文件
• 在开机以后，只要双击这个.bat，就会自动打开工作中需要使用的软件
• 做到双击一次，可以打开多个软件，减少双击次数

在这里补充几个前置知识。

什么是电脑桌面快捷方式

通俗理解

• 快捷方式是一个软件程序启动入口（后缀名为.lnk的文件），相当于一个地址链接
• 这个链接指向电脑软件安装路径目录的.exe文件
• .exe文件就是executable file，也就是可执行文件，双击就可以打开这个软件了，以谷歌浏览器为例如下截图：

• 如上图双击chrome.exe文件，就会自动打开谷歌浏览器
• 实际上双击桌面的chrome浏览器快捷方式，就是双击这个chrome.exe文件
• 具体我们可以桌面选中一个快捷方式（我们也可以发送此exe文件到桌面作为快捷方式），并右键，查看属性即可了然，如下图：

编写启动多个软件的批处理命令

上述是双击桌面快捷方式启动软件，我们可以使用批处理命令去启动软件，比如我们要在批处理文件中启动谷歌浏览器，可以使用start命令：

start "" "C:\Program Files\Google\Chrome\Application\chrome.exe"

即为start命令接收一些参数，其中要告知其需要 启动的程序的路径，这样的话，就可以启动想要启动的软件了。

比如，我们在开机后，要启动 钉钉、微信、谷歌浏览器、Edge浏览器、火狐浏览器，那么我们就可以，使用txt编写批处理文件，如下命令代码：

start "" "D:\Program Files (x86)\DingDing\DingtalkLauncher.exe"
start "" "D:\Program Files\Tencent\WeChat\WeChat.exe"
start "" "C:\Program Files\Google\Chrome\Application\chrome.exe"
start "" "C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe"
start "" "C:\Program Files\Mozilla Firefox\firefox.exe"

保存以后，再手动修改文件后缀名为 .bat 或者 .cmd 然后双击就行了

应用场景二：一键启动多个vscode代码项目

• 工作中，前端常常要使用vscode启动多个代码项目
• 正常我们都是要找到对应的代码文件夹，然后使用vscode打开
• 换句话说，还是要多点击几次，那么我们依然能够使用批处理文件，直接打开，让我们少点击几次

前置知识 命令提示符黑窗口中的code命令（vscode自带的快捷命令）

• code命令是安装vscode后其提供的
• 意思就是在命令行中执行此命令，即可调用vscode打开文件夹或者文件
• 常用命令：

命令 code .

图示如下：

另有命令：code xxx ，如下：

// 执行命令 code xxx ，xxx可以是文件，或者是文件夹

code index.html // 使用vscode打开当前目录的index.html文件
code dist // 使用vscode打开当前目录的dist文件夹

code命令搭配批处理文件命令打开项目代码

• 假设我有两个前端代码项目需要启动
• 这两个代码文件夹分别在这两个地方：
• D:\study\v3_tite和D:\study\RuoYi-Vue
• 那么编写一个bat批处理文件，双击即可直接打开这两个项目了，如下代码

@echo off

REM 打开第一个代码项目
start /B code D:\study\v3_tite

REM 打开第二个代码项目
start /B code D:\study\RuoYi-Vue

echo let's coding...

应用场景三：编写一个nginx自动执行脚本用于reload

• 假设我们的服务器是windows系统的，每次打包dist文件夹后，丢到对应服务器nginx配置的目录
• 发布完毕以后，我们需要重启一下nginx
• 正常的话，我们执行nginx -s reload命令
• 同样的，我们可以编写一个批处理文件，通过输入1,2,3,4交互的方式来控制nginx
• 这样也能够提升效率，效果图如下：

代码：

cls 
@ECHO OFF 
SET NGINX_PATH=C:
SET NGINX_DIR=C:\nginx-1.18.0\

TITLE Nginx 批处理
GOTO OPTION 
:OPTION 
CLS 
ECHO. 
ECHO. * * * *  Nginx 批处理管理程序 * * * * * 
ECHO. * * 
ECHO. * 1 启动Nginx * 
ECHO. * * 
ECHO. * 2 关闭Nginx * 
ECHO. * * 
ECHO. * 3 重启Nginx * 
ECHO. * * 
ECHO. * 4 退出命令行黑窗口* 
ECHO. * * 
ECHO. * * * * * * * * * * * * * * * * * * * 
ECHO. 
ECHO.请输入选择项目的序号： 
set /p ID= 
IF "%id%"=="1" GOTO cmd1 
IF "%id%"=="2" GOTO cmd2 
IF "%id%"=="3" GOTO cmd3 
IF "%id%"=="4" EXIT 
PAUSE 
:cmd1 
ECHO. 
ECHO.启动Nginx...... 
IF NOT EXIST %NGINX_DIR%nginx.exe ECHO %NGINX_DIR%nginx.exe不存在 
%NGINX_PATH% 
cd %NGINX_DIR% 
IF EXIST %NGINX_DIR%nginx.exe start %NGINX_DIR%nginx.exe 
ECHO.OK 
PAUSE 
GOTO OPTION 
:cmd2 
ECHO. 
ECHO.关闭Nginx...... 
taskkill /F /IM nginx.exe > nul 
ECHO.OK 
PAUSE 
GOTO OPTION 
:cmd3 
ECHO. 
ECHO.关闭Nginx...... 
taskkill /F /IM nginx.exe > nul 
ECHO.OK 
GOTO cmd1 
GOTO OPTION

注意，上述有两个变量，即为：SET NGINX_PATH=C:
SET NGINX_DIR=C:\nginx-1.18.0\ 大家可以将其替换成自己服务器上nginx安装目录即可使用

总结

• 批处理文件很强大
• 合理使用，能做很多有意思的事情...

若是对于批处理命令不太熟悉的，可以看看这篇命令的总结：https://zhuanlan.zhihu.com/p/54572985