在git上在线预览Vue项目

1.在项目中运行  npm run build  进行打包生成dist文件夹

 （注意：打包之后运行dist下index.html，如果什么都没有显示空白，是js，css引入路径错误，在路径前+“ . ”，即可解决问题）

---

2.运行 git init  让git接管该项目

3.运行git命令，将vue项目保存在git本地仓库中

git status  //检测是否有更新
git add .   
git commit -m' 更新注释 '

 （注意：将项目上传之后，会发现git自动跳过了dist文件夹，此时需要执行git add dist -f 这个-f就是强制上传这个文件，之后正常上传）

---

4.在git上创建仓库 得到远程仓库地址，路径分支选择，一个一个复制粘贴执行

5.此时完整的Vue项目已经上传好了

执行时：点开项目--Settings--Pages--点击路径+（"dist/index.html"）