项目提交到github上,怎么实现在线预览效果

Question

项目地址: https://github.com/wq93/eleme

Answer 1

如果不涉及到后台交互的话，可以在开发时直接本地npm run dev，这样本地访问的localhost:8080就是实际效果（默认是挂载8080端口，并带热更新）。你提交到GitHub上的时候，在本地运行npm run build，会生成一个dist文件夹，只要提交dist文件夹就可以了。

Update:

Github Pages提交的方法（2017/06/20更新，不对此日期之后GitHub Pages的变更负责）

在GitHub上创建一个项目，然后将你编译后的dist里的文件提交到这个GitHub仓库的master分支。

接着，在GitHub里进入这个项目，点击Settings进入项目设置页面。
将项目设置页面向下滚动到GitHub Pages的设置区（如图），然后选择master branch（图中第一项），再点击图中的Save按钮保存设置，接着GitHub会给出GitHub Pages访问地址。

【注】必须要先把dist里的文件提交到master分支才可以进行设置，否则master branch的选项无法选中。

Answer 2

纯静态的话你可以用github pages

Answer 3

显然要build之后才能预览。

1、直接把dist传到github，然后用cdn访问。如这个

2、自己搞个服务器把build之后的产出部署上去。

Answer 4

直接用github pages啊

Answer 5

1、如果有自己的服务器，直接npm run build，把生成的dist文件里的文件丢进服务器里。
2、如果没有服务器的话，可以用github pages预览，把dist文件名改成docs，上传到github，然后设置Settings里的GitHub Pages中的Source选第二个master branch/docs folder就ok了。