# 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**