---
# System prepended metadata

title: Vue.js on windows

---

# Vue.js on windows
## Step 1. install Node.js
選LTS Version
https://nodejs.org/en/
## Step 2. npm install
* 要先把專案下載到local喔，可看下面的**github desktop - clone repository**

用VScode開啟專案資料夾
![](https://i.imgur.com/ze7mXzf.png)
開啟vscode's terminal
![](https://i.imgur.com/loAE3DO.png)
確定路徑在專案資料夾
![](https://i.imgur.com/Ltuo5a8.png)
輸入npm install，讓他跑
![](https://i.imgur.com/O2WkCUp.png)
## Step 3. npm run serve
剛Step 2.一樣，在terminal輸入 npm run serve，讓他跑，需要1分多鐘吧
![](https://i.imgur.com/3jKwoNq.png)
* 網頁就會呈現在http://localhost:8080
* 之後每次重開VScode都要跑npm run serve，localhost:8080才會有反應
* 在coding的過程，只要儲存就會自動更新網頁

---
## Github Desktop
### clone repository
下載github desktop，登入後，點這個就可以將專案下載到local
![](https://i.imgur.com/rG4ro3P.png)
### push 改動
* 編輯過檔案後，github desktop會顯示你改的地方
* 黃色要打這次commit的名稱
* 綠色是執行commit
* 藍色圈起來是表示你現在是commit到哪個branch(分支)，可以從這邊建立自己的branch，盡量不要commit到master
![](https://i.imgur.com/KuvdyFJ.png)
* commit之後頁面裡會有藍色按鈕 push origin，按下去你的改動就會更新到github上你commit的branch裡了

### pull 別人的改動
如果有人對你現在開的branch改動並push，他會提醒你可以pull，把別人改的更新到自己的local端。

---
## Trick for vue
### 即時渲染 v-model
input裡面放v-model；data裡面v-model的值

---
## Trick for sequelize + mysql + express
### can't create nothing wrong
delete **'STRICT_TRANS_TABLES'** in **sql-mode**
