一规哲、本地項(xiàng)目上傳至github:
1.github上創(chuàng)建與本地倉庫同名的遠(yuǎn)程倉庫
2.初始化本地項(xiàng)目創(chuàng)建本地倉庫：
（1）進(jìn)入項(xiàng)目： cd E:/web前端//cnode-vue.js柿冲。
（2）初始化：git init,初始化后目錄下會(huì)多出一個(gè)隱藏的.git文件夾姆钉。
（3）將目錄下工作區(qū)中所有文件添加到暫存區(qū)：git add .。
（4）提交更改：git commit -m '首次提交'宠叼。
（5）查看狀態(tài)：git status扔仓。
3.添加遠(yuǎn)程主機(jī)：git remote add origin https://github.com/yufengxiaomuyu/cnode-vue.js.git(git remote可以查看已添加的遠(yuǎn)程主機(jī))。
4.推送本地倉庫到遠(yuǎn)程倉庫：git push -u origin master枢纠。
5.填寫用戶名和密碼：注意中間彈出的OpenSSH窗口輸入的不是GitHub賬號(hào)登陸密碼像街，而是github personal access（該密碼僅在創(chuàng)建時(shí)可查看，要注意保存）晋渺。
二镰绎、Vue-cli項(xiàng)目在github pages上部署預(yù)覽
（1）打包本地項(xiàng)目：npm run build,打包后會(huì)多出一個(gè)dist文件夾。
（2）Ｄ疚鳌３肫堋！注意：
1.將dist文件下index.html中 ccs八千、js等引用的絕對(duì)路徑'/'更改為相對(duì)路徑'./'吗讶，可解決ccs、js等請(qǐng)求錯(cuò)誤導(dǎo)致的頁面空白問題恋捆。
2.或者在打包（運(yùn)行npm run build）之前照皆，找到build/webpack.prod.conf.js文件，將output對(duì)象中的publicPath配置為'./',如下：
output: {
publicPath: './',
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
},
（3）創(chuàng)建并切換至gh-pages分支：git checkout -b gh-pages沸停。
（4）添加文件dist至?xí)捍鎱^(qū)：git add -f dist膜毁。
（4）提交git commit -m 'gh-pages分支提交dist文件夾'。
（5）推送本地倉庫gh-pages分支至遠(yuǎn)程倉庫：git subtree push --prefix dist origin gh-pages愤钾。
（6）將遠(yuǎn)程倉庫切換至gh-pages分支瘟滨，然后在該分支下設(shè)置頁面創(chuàng)建gh-pages分支的github pages，即可點(diǎn)擊生成的鏈接進(jìn)行預(yù)覽了能颁。
參考文獻(xiàn)：
作者：小董君杂瘸；鏈接：http://www.reibang.com/p/cc053119f119，
