什麼是 Vue

Vue 是一個前端框架，特點是：

• 資料繫結

• 元件化

頁面上小到一個按鈕都可以是一個單獨的檔案.vue，這些小元件直接可以像樂高積木一樣通過互相引用而組裝起來

Vue2.0 推薦開發環境

Node.js 、npm 、webpack 、vue-cli 、WebStorm

安裝環境

開啟終端執行以下命令

• 安裝 nodejs

開啟下載地址 ，選擇mac os版本下載到本地，進行安裝。(也可以通過Homebrew來進行安裝)

• 獲取nodejs模組安裝目錄訪問許可權

sudo chmod -R 777 /usr/local/lib/node_modules/

• 安裝淘寶映象cnpm，國外的npm下載非常慢

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

• 安裝webpack

　　　cnpm install webpack -g

• 安裝vue腳手架

npm install vue-cli -g

• 建立專案

vue init webpack projectName

• 執行專案

npm install
npm
 
 run dev

• 在瀏覽器中開啟http://localhost:8080，成功出現如下圖頁面

這裡還可以使用WebStorm來建立專案

• 下載安裝WebStorm

關於WebStorm的安裝這裡不進行具體描述，網上很多，請自行搜尋

• 建立工程

開啟WebStorm，建立工程，選擇vue.js，一直點選Next即可完成專案的建立

• 啟動專案

從命令列視窗進入vue-helloworld的根目錄，輸入

npm run dev

• 成功執行專案

在webstorm點選啟動按鈕或者直接在瀏覽器中開啟