vue急急如律令

1.安裝腳手架

使用腳手架工具 vue-cli 能夠快速地構建項目：單文件 Vue 組件，熱加載，保存時檢查代碼，單元測試等。

# 全局安裝 vue-cli
$ npm install -g vue-cli

 

2.新建項目

# 建立一個基於 

"webpack"

 模板的新項目

"my-project"

 
$ vue init webpack my-project
# 安裝依賴，走你
$ cd my-project
$ npm install

 webstorm：

1)設置javascript language version 爲 ES6

2)會出現一直掃描文件的狀況，exclude文件夾node_modules便可

3）安裝webstorm插件

3.添加組件

$ npm install vuex --save-dev
vuex@1.0.0-rc.2 node_modules\vuex

$ npm install vue-router --save-dev
vue-router@0.7.13 node_modules\vue-router

$ npm install vue-resource --save-dev
vue-resource@0.9.3 node_modules\vue-resource

$ npm install vux --save-dev
vux@0.1.3-rc9 node_modules\vux
├── webp-support@1.0.3                                                                                                                                                                                                       
├── object-assign@4.1.0                                                                                                                                                                                                      
├── array-shuffle@1.0.1                                                                                                                                                                                                      
├── array-map@0.0.0                                                                                                                                                                                                          
├── array-from@2.1.1                                                                                                                                                                                                         
├── array-find@1.0.0                                                                                                                                                                                                         
├── vux-blazy@1.6.4                                                                                                                                                                                                          
├── shake.js@1.2.2                                                                                                                                                                                                           
├── array-filter@1.0.0                                                                                                                                                                                                       
├── countup@1.6.2                                                                                                                                                                                                            
├── qr.js@0.0.0                                                                                                                                                                                                              
├── validator@5.5.0                                                                                                                                                                                                          
├── photoswipe@4.1.1                                                                                                                                                                                                         
└── vux-xscroll@3.1.8

4.問題多多

1)events.js:141 throw er; // Unhandled 'error' event

緣由：tomcat佔用了8080端口

2）vue cannot resolve module 'vux/x-input'

緣由：build文件夾中的配置文件缺失

3）內存溢出

緣由：使用了豪情的webstorm皮膚。重裝後不使用就行了，真奇怪。