第一步 打包vue項目
1、使用npm run build來進行vue項目的打包，打包完成后會出現一個dist文件夾，打開里面的index.html文件，我們會發現所有的js，css，img等路徑有問題是指向根目錄的，此時我們需要修改config/index.js里的assetsPublicPath屬性的值，初始值是/指向項目根目錄，改為./后打包即可
2、此時在從dist目錄下打開index.html文件就可以正常訪問了
第二步 提交代碼到GitHub
1、登錄GitHub，然后我們創建一個遠程倉庫，例如testvue
2、將本地項目根目錄下的.gitignore文件里的/dist/刪除，不然/dist/目錄會被git忽略
3、在本地項目根目錄右鍵打開Git Bash Here，然后通過git命令將打包好的項目提交到剛剛創建的遠程倉庫：
git init// 創建本地倉庫git add -A// 將所有文件提交到暫存區git commit -m "testvue"// 將暫存區文件提交到本地倉庫git remote add origin git@github.com:ChenGongWei/testvue.git// 連接GitHub遠程倉庫git push -u origin master// 將本地倉庫的文件推送到GitHub遠程倉庫中
第三步 設置Github Pages
1、進入我們剛剛創建好的GitHub倉庫，然后點擊setting進行倉庫設置
2、向下滾動找到Github Pages，點擊Choose a theme選項
3、點擊Select theme對主題進行選擇，完成后一個具備遠程訪問功能的倉庫就已經設置好了，可以通過網址進行訪問了。
在瀏覽器中輸入網址：https://chengongwei.github.io/testvue/dist/即可訪問到這個倉庫的首頁
這樣就成功把我們的項目掛到GitHub上了。