如何在github上预览代码运行的效果

一开始的准备工作的不啰嗦,前提你地有个一天账号的,并且创建一个仓库,存在你的代码的。

当你上传的代码应该在master分支上面
如何在github上预览代码运行的效果

这是我上传代码在master分支上面,然后在 1 的位置里面输入 gh-pages ,新建一个分支名为gh-pages
点击setting
如何在github上预览代码运行的效果

选择gh-pages 并且保存
如何在github上预览代码运行的效果

gh-pages里面存放的东西就是一个html js css 的文件 也就是我们 npm run build 出来的文件

访问的路径后面要加上index,html 才能访问