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

问题描述

问 题

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

解决方案

如果不涉及到后台交互的话，可以在开发时直接本地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的选项无法选中。

这篇关于vue.js - 项目提交到github上,怎么实现在线预览效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！