github使用gh-pages部署vue静态网站

198 阅读1分钟

github使用gh-pages部署vue静态网站

当我们想把自己的网站部署到一个静态网站上,Github Pages是一个很好的选择(稳定、可靠、不花钱)

假设你已经有一个项目并且已经发布到github上了,先把项目git clone到本地 ,接着在项目中安装

1、安装gh-pages
npm i -D gh-pages

在这里插入图片描述

2、初始化仓库,提交代码到远程仓库

在这里插入图片描述

在这里插入图片描述

3、在package.json文件中添加script脚本
 "deploy": "gh-pages -d dist -r https://github.com/xbysir/vue-TIM.git -b gh-pages",

在这里插入图片描述

4、在终端运行命令
npm run build
npm run deploy

会看到dist文件 在这里插入图片描述

5、打开github仓库,点击setting-->pages-->选择gh-pages分支的root-->点击Save

在这里插入图片描述

6、点击链接就可以访问啦!

在这里插入图片描述