Vue编写的html如何自动化,Vue中通过bash脚本实现自动化

实现功能

自动上传git仓库

自动打包

自动将打包文件压缩为zip格式

#!/bin/sh

echo "正在添加文件..."

git add .

echo -n "正在提交备注...，请填写备注(可空)"

read remarks

if [ ! -n "$remarks" ];then

remarks="常规提交"

fi

git commit -m "$remarks"

echo "正在开始提交代码..."

git push

echo "代码提交成功，正在准备打包"

echo "等待打包中......"

yarn build

#自动压缩

echo "等待压缩中......"

winrar a dist.zip dist

echo "<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>"

通过修改package.json的script命令 运行脚本

//package.json

"scripts": {

"dev": "vue-cli-service serve",

"build": "vue-cli-service build",

"lint": "vue-cli-service lint",

"push":"sh ./push.sh", # 关键代码

},

遇到的问题

在运行yarn push的时候提示sh非内部命令

原因 :

window并没有自带bash,如果安装了git,会附带bash

通过Everything搜索 bash.exe ,然后赋值路径 ,配置环境变量

然后关闭命令行 重新运行 发现没有提示错误

同理winrar同样配置

原文：https://www.cnblogs.com/cjh1996/p/12878320.html