小菜鳥vue入坑指南

vue是一款構建用戶界面的漸進式框架，他是一款基於MVVM的框架，說到這裏，簡單說一下咱們在設計軟件的時候的思想，設計軟件的時候是基於MVC的架構；

首先 M: Model：能夠簡單的理解爲就是個人data中return回來的數據，v: view:是個人視圖層，能夠理解爲個人template， 而c：controller 能夠理解爲methods，就是將個人Model與view聯繫起來，這就是基於vue對mvc的理解；

首先 ，咱們在電腦安裝vue的環境配置：(基於vue-cli去搭建項目)

1.在電腦安裝node，node官網地址： nodejs.org/zh-cn/ 直接傻瓜式安裝操做；（檢查是否安裝成功： node -v;）

2.檢查npm是否安裝成功

3.而後全局安裝vue-cil：npm install -g vue-cli（考慮到使用npm比較慢，你們能夠安裝淘寶鏡像cnpm） npm install cnpm -g

cnpm install -g vue-cli

若是不當心安裝錯誤，使用 npm cache clean來清理緩存，注意安裝失敗後，建議清楚緩存以後，再從新安裝；

4.安裝完成以後，使用vue -V 來檢查啊是否安裝成功；

5.進入你要建立項目的文件夾，在這個文件夾下面輸入：

6.回車，接下來出現的英文表示：

Project Name：要建立的項目名稱（該命令會生產一個package.json文件，文件中的name選項就是這個ProjectName，默認爲當前建立的項目目錄名稱，也能夠自行制定（可是須要符合package.json中name命名規則，不要出現大寫字母，空格，下劃線，能夠使用 - ）

Project Description：項目簡介，也會出如今package.json文件中,可選

Author：做者，可選

下一步直接回車

Install vue-router：是否安裝vue路由組件，作項目的話必定要安裝

Use ESLint to lint your code：是否須要使用ESLint模塊進行代碼檢測

Setup unit tests with Karma + Mocha?：是否安裝測試（單元測試）

Setup e2e tests with Nightwatch?：是否安裝端到端的測試

完成上面步驟，over！

這就是一個簡單的使用vue-cli搭建一個工程的例子；

下面就是利用vue-cli搭建的項目目錄：

---------------------------我是華麗麗的分割線----------------------------------------------------------