奉旨御宅: vue2 + vuex + vue-router 初探(一)，建置基礎專案、windows 環境配置、編輯器推薦。

NodeJS安裝

1. 安裝 Node.js For Windows，我是選 Last Feature 8.2.1 版本

https://nodejs.org/en/#download

2. 安裝完之後開啟 cmd 輸入 npm -v , 會出現版本代表安裝成功

Vue 專案建置

1. npm i -g vue-cli (如果跑的時候等待久卡住請 ctrl-c 重新執行) 註: i: install -g: --global ... 這樣
打是懶

2. vue init webpack vue (專案名稱，這裡用vue)

(enter)

(輸入 y 按 enter)

看到這個代表建置好了，照他說的把三行指令下完，就會自動跳出瀏覽器出現以下畫面，基礎專案建置完成。

Vue 編輯器推薦

原本習慣用 eclipse ，但是編輯 vue 文件會變這樣

還好有找到一套不錯用的

https://code.visualstudio.com/

安裝好之後打開按這個

或者快捷 ctrl + shift + X

搜尋 vetur 安裝好之後點重新載入

世界從黑白變彩色了。

奉旨御宅