VUE環境搭建

 1、安裝node

node的安裝不太贅述。本文使用的node版本是8.9.0 LTS，比較低的node版本可能會致使安裝不順利。

2、安裝cnpm 

因爲有些npm有些資源被屏蔽或者是國外資源的緣由，常常會致使用npm安裝依賴包的時候失敗，全部我還須要npm的國內鏡像—cnpm。
在命令行中輸入

npm install -g cnpm --registry=https://registry.npm.taobao.org

或者是使用設置npm爲國內鏡像

npm config set registry http://registry.npm.taobao.org

驗證鏡像是否設置成功

npm config get registry

3、安裝webpack

cnpm install webpack -g 

4、安裝vue-cli腳手架構建工具 

cnpm install -g vue-cli

5、建立項目

 

指定一個目錄。運行以下命令：

vue init webpack my_project

經過以上命令，咱們建立了一個本身的vue項目my_project。

cd my_project

安裝項目依賴

npm install

安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource

cnpm install vue-router vue-resource –save

安裝完成以後再運行命令：

npm run dev

運行成功自動打開頁面運行locahost:8080