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

本文主要是介绍分别将windows下执行的build.bat/package.bat/run-web.bat转化成ubuntu中可执行的脚本，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、build.bat内容：

@echo off
echo.
echo [信息] 打包Web工程，生成dist文件。
echo.%~d0
cd %~dp0cd ..
npm run build:prodpause

这段脚本是用来打包 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/bashecho ""
echo "[信息] 打包Web工程，生成dist文件。"
echo ""# 切换到脚本所在目录
cd "$(dirname "$0")"# 切换到父目录
cd ..# 运行 npm 构建命令
npm run build:prodread -p "按任意键继续..."

再赋予执行权限：

chmod +x build.sh

二、package.bat内容：

@echo off
echo.
echo [信息] 安装Web工程，生成node_modules文件。
echo.%~d0
cd %~dp0cd ..
npm install --registry=https://registry.npmmirror.compause

这个脚本是用来安装 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/bashecho ""
echo "[信息] 安装Web工程，生成node_modules文件。"
echo ""# 切换到脚本所在目录
cd "$(dirname "$0")"# 切换到父目录
cd ..# 运行 npm 安装命令
npm install --registry=https://registry.npmmirror.comread -p "按任意键继续..."

再赋予执行权限：

chmod +x package.sh

三、run-web.bat内容：

@echo off
echo.
echo [信息] 使用 Vue CLI 命令运行 Web 工程。
echo.%~d0
cd %~dp0cd ..
npm run devpause

这个脚本的作用是使用 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/bashecho ""
echo "[信息] 使用 Vue CLI 命令运行 Web 工程。"
echo ""# 切换到脚本所在目录
cd "$(dirname "$0")"# 切换到父目录
cd ..# 运行 npm 脚本中的 dev 命令
npm run devread -p "按任意键继续..."