github使用gh-pages部署vue静态网站(简单易懂)

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、点击链接就可以访问啦！