1、Vue介紹

Vue和Angular、React都是前端框架，特點：

1、單頁面框架；

2、基於模塊化組件化的開發模式；

3、Vue簡單 靈活 高效 國內的中小企業裏面用的非常多。

2、開發環境搭建

1、必須要先安裝nodejs（自帶NPM工具）

https://cn.vuejs.org/v2/guide/installation.html

安裝後，命令行驗證安裝情況：

2、搭建vue的開發環境 ，安裝vue的腳手架工具vue-clie 官方命令行工具

npm install --global vue-cli

或者

安裝淘寶鏡像，安裝成功後 用 cnpm 替代 npm 命令即可；

cnpm install --global vue-cli （此命令只需要執行一次）

3、安裝webpack打包工具

cnpm install webpack -g

4、創建項目 必須cd到對應的一個項目裏面
vue init webpack vue-demo01

cd vue-demo01
cnpm install / npm install 如果創建項目的時候沒有報錯，這一步可以省略。如果報錯了 cd到項目裏面運行

cnpm install / npm install

註意：vue init webpack xx項目，會有自動調用npm安裝依賴，可以選擇手工通過cnpm install 完成，速度更快；
5、另一種創建項目的方式 （推薦） ***

vue init webpack-simple vuedemo02

cd vuedemo02

cnpm install / npm install
6、運行項目，
npm run dev

運行成功的界面如下：

這樣就可以在瀏覽器中訪問http://localhost:8080。

1、Vue介紹、環境搭建、項目運行