VUE github 总结

74 阅读1分钟

vue github部署

yarn build //创建一个轻量级根目录
yarn global  add serve //全局安装serve
serve -s dist  //本地打开,看本地打开是否有问题,如没有问题运行下一步
github上创建仓库,然后复制命令把本地源码push到github上

如何手动推送更新

1.在vue.config.js中设置正确的publicPath

2.在项目目录下,创建内容如下的deploy.sh文件

#!/usr/bin/env sh

set -e //当发生错误的时候终止脚本

yarn build //构建

cd dist // 进入到构建输出的目录下

git init 
git add -A
git commit -m 'deploy'

//在github上新建一个新仓库,把ssh地址复制到deploy.sh中的部署路径

git push -f git@github.com:jiebao-cute/morney-1-website.git master:gh-pages//部署到 https://<USERNAME>.github.io/<REPO>

3.运行命令 sh deploy.sh,运行结束后代码就被push到新仓库了

如果东西有改动需要重新部署,就重新运行sh deploy.sh,脚本里面会重新yarn build重新提交,源代码直接提交到本地以后git push 就可以了

总结: 源代码上传:git push 部署(浏览页面):sh deploy.sh