分别将windows下执行的build.bat/package.bat/run-web.bat转化成ubuntu中可执行的脚本

一、build.bat内容：

@echo off
echo.
echo [信息] 打包Web工程，生成dist文件。
echo.

%~d0
cd %~dp0

cd ..
npm run build:prod

pause

这段脚本是用来打包 Web 工程并生成 dist 文件的。

• @echo off：关闭命令回显，这样在执行脚本时不会在命令行中显示每一条命令。
• echo.：打印一个空行。
• echo [信息] 打包Web工程，生成dist文件。：打印一条消息，指示正在执行的操作。
• %~d0：获取当前目录的驱动器号。
• cd %~dp0：切换到脚本文件所在的目录。
• cd ..：切换到父目录。
• npm run build:prod：运行 npm 脚本，通常是用来构建生产环境版本的应用程序。
• pause：暂停脚本的执行，直到用户按下任意键。

总体上，这个脚本是用来自动构建工程的，它首先进入到脚本所在目录，然后切换到父目录并运行 npm run build:prod 命令来构建 Web 工程。

对应的bash脚本：

#!/bin/bash

echo ""
echo "[信息] 打包Web工程，生成dist文件。"
echo ""

# 切换到脚本所在目录
cd "$(dirname "$0")"

# 切换到父目录
cd ..

# 运行 npm 构建命令
npm run build:prod

read -p "按任意键继续..."

再赋予执行权限：

chmod +x build.sh

二、package.bat内容：

@echo off
echo.
echo [信息] 安装Web工程，生成node_modules文件。
echo.

%~d0
cd %~dp0

cd ..
npm install --registry=https://registry.npmmirror.com

pause

这个脚本是用来安装 Web 工程所需的依赖，并生成 node_modules 文件夹：

• @echo off：关闭命令回显，这样在执行脚本时不会在命令行中显示每一条命令。
• echo.：打印一个空行。
• echo [信息] 安装Web工程，生成node_modules文件。：打印一条消息，指示正在执行的操作。
• %~d0：获取当前目录的驱动器号。
• cd %~dp0：切换到脚本文件所在的目录。
• cd ..：切换到父目录。
• npm install --registry=https://registry.npmmirror.com：运行 npm 安装命令，使用镜像源 https://registry.npmmirror.com 进行安装。
• pause：暂停脚本的执行，直到用户按下任意键。

对应的bash脚本：

#!/bin/bash

echo ""
echo "[信息] 安装Web工程，生成node_modules文件。"
echo ""

# 切换到脚本所在目录
cd "$(dirname "$0")"

# 切换到父目录
cd ..

# 运行 npm 安装命令
npm install --registry=https://registry.npmmirror.com

read -p "按任意键继续..."

再赋予执行权限：

chmod +x package.sh

三、run-web.bat内容：

@echo off
echo.
echo [信息] 使用 Vue CLI 命令运行 Web 工程。
echo.

%~d0
cd %~dp0

cd ..
npm run dev

pause

这个脚本的作用是使用 Vue CLI 命令来启动 Vue.js Web 工程的开发服务器：

• @echo off：关闭命令回显，这样在执行脚本时不会在命令行中显示每一条命令。
• echo.：打印一个空行。
• echo [信息] 使用 Vue CLI 命令运行 Web 工程。：打印一条消息，指示正在执行的操作。
• %~d0：获取当前目录的驱动器号。
• cd %~dp0：切换到脚本文件所在的目录。
• cd ..：切换到父目录。
• npm run dev：运行 npm 脚本中的 dev 命令，通常用于启动开发服务器以运行 Vue.js Web 工程。
• pause：暂停脚本的执行，直到用户按下任意键。

对应的bash脚本：

#!/bin/bash

echo ""
echo "[信息] 使用 Vue CLI 命令运行 Web 工程。"
echo ""

# 切换到脚本所在目录
cd "$(dirname "$0")"

# 切换到父目录
cd ..

# 运行 npm 脚本中的 dev 命令
npm run dev

read -p "按任意键继续..."

再赋予执行权限：

chmod +x run_web.sh