一、初識

由於個人工作原因以及技術需要一個提升，略晚的開始初探Vue　~。~

二、那麽Vue是什麽呢？

他就是一個前端的框架，特點是數據雙向綁定、組件化。

三、推薦開發環境

四、環境安裝

　　打開終端運行以下命令

　　1.安裝brew

　　　/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

　　2.安裝 nodejs

　　　brew install nodejs

　　3.獲取nodejs模塊安裝目錄訪問權限

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

　　4.安裝淘寶鏡像（cnmp）

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

　　 5.安裝webpack

　　　cnpm install webpack -g

　　6.安裝vue腳手架

　　　npm install vue-cli -g

　　7.在硬盤上找一個文件夾放工程用的，在終端中進入該目錄

　　　cd 目錄路徑

　　8.根據模板創建項目

　　　　vue init webpack-simple 工程名字<工程名字不能用中文>

　　　　或者創建 vue1.0 的項目

　　　　vue init webpack-simple#1.0 工程名字<工程名字不能用中文>

　　　　會有一些初始化的設置，如下輸入:

　　　　Target directory exists. Continue? (Y/n) 直接回車默認(然後會下載 vue2.0模板，這裏可能需要連代理)

　　　　Project name (vue-test) 直接回車默認

　　　　Project description (A Vue.js project) 直接回車默認

　　　　Author 寫你自己的名字

　　9.cd 命令進入創建的工程目錄

　　　cd 工程名稱

　　註意：最後三步都是要進入到當前工程目錄後執行的。

　　10.安裝項目依賴

　　　npm install

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

　　　cnpm install vue-router vue-resource --save

　　12.啟動項目

　　　npm run dev　　

Vue官網：https://cn.vuejs.org/v2/guide/instance.html

內容部分出處：http://www.open-open.com/lib/view/open1476240930270.html#articleHeader9

Vue 開發環境搭建 （Mac）