---
# System prepended metadata

title: VueCli Git上傳 (6-8)
tags: [6. VueCli, Vue]

---

# 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}}
```