<style>html { line-height: 2 }</style>
第一步 打包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 [email protected]: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上了，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/21687.html
標籤：JavaScript