Vue中通过bash脚本实现自动化

时间:2020-05-12
本文章向大家介绍Vue中通过bash脚本实现自动化,主要包括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