如何將VUE專案發布到GitHub上

2022-08-14 19:12:22 字數 1366 閱讀 2035

1、使用npm run build來進行vue專案的打包,打包完成後會出現乙個dist資料夾,開啟裡面的index.html檔案,我們會發現所有的js,css,img等路徑有問題是指向根目錄的,此時我們需要修改config/index.js裡的assetspublicpath屬性的值,初始值是/指向專案根目錄,改為./後打包即可

2、此時在從dist目錄下開啟index.html檔案就可以正常訪問了

1、登入github,然後我們建立乙個遠端倉庫,例如testvue

2、將本地專案根目錄下的.gitignore檔案裡的/dist/刪除,不然/dist/目錄會被git忽略

3、在本地專案根目錄右鍵開啟git bash here,然後通過git命令將打包好的專案提交到剛剛建立的遠端倉庫:

1、進入我們剛剛建立好的github倉庫,然後點選setting進行倉庫設定

2、向下滾動找到github pages,點選choose a theme選項

3、點選select theme對主題進行選擇,完成後乙個具備遠端訪問功能的倉庫就已經設定好了,可以通過**進行訪問了。

在瀏覽器中輸入**:即可訪問到這個倉庫的首頁

這樣就成功把我們的專案掛到github上了。

Git的使用 如何將本地專案上傳到Github

git的安裝就不說了。第一步 我們需要先建立乙個本地的版本庫 其實也就是乙個資料夾 你可以直接右擊新建資料夾,也可以右擊開啟git bash命令列視窗通過命令來建立。現在我通過命令列在桌面新建乙個test資料夾 你也可以在其他任何地方建立這個資料夾 並且進入這個資料夾 第二步 通過命令git ini...

Git的使用 如何將本地專案上傳到Github

主要還是通過git教程 廖雪峰的官方 來學習。簡要步驟可以直接看最後的總結。git的安裝就不說了。第一步 我們需要先建立乙個本地的版本庫 其實也就是乙個資料夾 你可以直接右擊新建資料夾,也可以右擊開啟git bash命令列視窗通過命令來建立。現在我通過命令列在桌面新建乙個test資料夾 你也可以在其...

Git的使用 如何將本地專案上傳到Github

git的安裝就不說了。第一步 我們需要先建立乙個本地的版本庫 其實也就是乙個資料夾 你可以直接右擊新建資料夾,也可以右擊開啟git bash命令列視窗通過命令來建立。現在我通過命令列在桌面新建乙個test資料夾 你也可以在其他任何地方建立這個資料夾 並且進入這個資料夾 第二步 通過命令git ini...