# VueCli Git上傳 (6-8) ###### tags: `Vue`、`6. VueCli` 2022.3.11 ### 1. GitHub 新增網上Git資料庫 ![](https://i.imgur.com/SN0xGK1.png) ![](https://i.imgur.com/A0ZQoQO.png) ### 2. VSCode 新增本地Git資料庫 ``` git init ``` ### 3. 編譯 VueCli **(1) 更改根路徑** ``` publicPath: '/GitHub新增專案名/dist/', ``` ![](https://i.imgur.com/pFJ1EXd.png) **(2) 編譯** ``` npm run build ``` ### 4. 將 .gitignore 檔中 /dist 註解 ![](https://i.imgur.com/L3l7e69.png) ### 5. 透過+選擇要推送至git的資料庫 **U代表未推送 、 A代表已推送** ![](https://i.imgur.com/DGlHw88.png) ![](https://i.imgur.com/oVrN4Jt.png) ### 5. 將本地Git檔案,推送至網上Git檔案。 ``` git remote add origin https://github.com/oldmoon0224/aaa.git git branch -M 分支的名稱 git push -u origin ``` ### 6. GitHub 網頁版開啟 ![](https://i.imgur.com/8FqimwO.png) ### 成果 ![](https://i.imgur.com/FZaO1t9.png) ## 備註 ``` git config user.name {{Git名稱}} git config user.email {{Git Email}} ```