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搭建的項目目錄：

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

總結

以上是生活随笔為你收集整理的小菜鸟vue入坑指南的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。