一、使用vue-cli腳手架建立新項目

前提條件：已安裝node能夠正常使用npm命令，並全局安裝vue-cli工具。

npm install vue-cli -g

---

開始建立項目

• 使用vue初始化基於webpack的新項目

vue init webpack my-project

      項目建立過程當中會提示是否安裝eslint，能夠選擇不安裝，不然項目編譯過程當中出現各類代碼格式的問題；

• 項目建立完成後，安裝基礎模塊

cd myproject;
npm install;

      模塊安裝時間有可能會很長，依賴與網速；

• 安裝完成以後可在開發模式下運行項目並預覽項目效果

npm run dev;

• 若是項目能夠正常啓動，便可繼續安裝vue的輔助工具

npm install vue-router --save （路由管理模塊）
npm install vuex --save （狀態管理模塊）
npm install vue-resource --save （網路請求模塊）