一、github预览

新建一个仓库，新建html文件，点击上面的Settings。

往下滑动到：

那个链接后面加上你要展示的html文件路径，也就是输入：http://<username>.github.io/<从仓库到你要展示的html文件路径>。就可以看到你的预览页面。
不需要新建gh-pages分支！！！

二、coding预览

1.登录 Coding.net，创建一个项目。
2.在本地创建一个项目文件夹，添加一个测试用的 index.html 文件。
3.将项目文件夹初始化为 Git 版本库，提交 index.html 到版本库，并为项目添加远程仓库地址。

git init
git add index.html
git commit -m 'init'
git remote add origin  git@git.coding.net:{user_name}/{project_name}

若添加远程仓库地址的时候，报如下错误：

执行：git remote rm origin。
4.在本地创建一个 coding-pages 分支，切换到该分支。

git checkout -b coding-pages

5.将 coding-pages 分支推送到 Coding.net。

git push origin coding-pages

6.在项目的「Pages 服务」设置中，选择部署来源为 coding-pages 分支，点击「保存」按钮。 稍等片刻即可完成部署并通过 {user_name}.coding.me／{project_name} 访问您的网站。

三、部署vue文件

执行npm run build（npm run dev只是本地环境），会把index.html文件生成出来。把dist的生成文件都提交到github/coding上去。在你的url上面加上/dist目录就好了。