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