vue搭建開發環境

1、 首先確保安裝了node.js，安裝了node.js就安裝了npm
在將要開始項目文件夾的文件夾中，對於路徑study/project，若是項目文件夾是project，就在study下git bash

2、若是網速快不用安裝淘寶鏡像，若是網速不支持npm，就安裝cnpm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安裝webpack
Web pack用來將vue組件中的.vue文件打包成.js文件，從而使得用戶端的各類瀏覽器能夠解析。
指令： $ cnpm install webpack -g

4、安裝vue
指令： $ npm install vue

5、安裝vue腳手架 vue-cli
Vue腳手架用來生成模板的Vue工程，至關於就是按照Vue設計的模板設計圖來蓋房子。
指令：$ cnpm install vue-cli –g

6、 使用webpack建立本地項目文件庫my-project
指令： $vue init webpack my-project
一路yes就能夠

這個ESLint 好像是校驗代碼風格的，編輯器中容易出現代碼規範提醒，若是不喜歡，能夠no

七，進入並配置並運行
$ cd my-project
$ cnpm install(推薦用npm install 可是個人npm太慢了，就用的cnpm，也能夠用。)
$npm install vue-router vue-resource –save(安裝路由和網絡)
$ npm run dev