一、安裝node環境

1、下載地址為：https://nodejs.org/en/

2、檢查是否安裝成功：如果輸出版本號，說明我們安裝node環境成功

　　

3、為了提高我們的效率，可以使用淘寶的映象：http://npm.taobao.org/

輸入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安裝npm映象，以後再用到npm的地方直接用cnpm來代替就好了。

　　

　　檢查是否安裝成功：

　　

二、搭建vue專案環境

1、全域性安裝vue-cli

npm install --global vue-cli

　

2、進入你的專案目錄，建立一個基於 webpack 模板的新專案: vue init webpack 專案名

說明：

Vue build ==> 打包方式，回車即可；

Install vue-router ==> 是否要安裝 vue-router，專案中肯定要使用到 所以Y 回車；

Use ESLint to lint your code ==> 是否需要 js 語法檢測 目前我們不需要 所以 n 回車；

Set up unit tests ==> 是否安裝 單元測試工具 目前我們不需要 所以 n 回車；

Setup e2e tests with Nightwatch ==> 是否需要 端到端測試工具 目前我們不需要 所以 n 回車；

3、進入專案：cd vue-demo，安裝依賴

　　

　　安裝成功後，專案資料夾中會多出一個目錄：　node_modules

　　

4、npm run dev，啟動專案

專案啟動成功：

三、vue專案目錄講解

1、build：構建指令碼目錄

1）build.js ==> 生產環境構建指令碼；

2）check-versions.js ==> 檢查npm，node.js版本；

3）utils.js ==> 構建相關工具方法；

4）vue-loader.conf.js ==> 配置了css載入器以及編譯css之後自動新增字首；

5）webpack.base.conf.js ==> webpack基本配置；

6）webpack.dev.conf.js ==> webpack開發環境配置；

7）webpack.prod.conf.js ==> webpack生產環境配置；

2、config：專案配置

1）dev.env.js ==> 開發環境變數；

2）index.js ==> 專案配置檔案；

3）prod.env.js ==> 生產環境變數；

3、node_modules：npm 載入的專案依賴模組

4、src：這裡是我們要開發的目錄，基本上要做的事情都在這個目錄裡。裡面包含了幾個目錄及檔案：

1）assets：資源目錄，放置一些圖片或者公共js、公共css。這裡的資源會被webpack構建；

2）components：元件目錄，我們寫的元件就放在這個目錄裡面；

3）router：前端路由，我們需要配置的路由路徑寫在index.js裡面；

4）App.vue：根元件；

5）main.js：入口js檔案；

5、static：靜態資源目錄，如圖片、字型等。不會被webpack構建

6、index.html：首頁入口檔案，可以新增一些 meta 資訊等

7、package.json：npm包配置檔案，定義了專案的npm指令碼，依賴包等資訊

8、README.md：專案的說明文件，markdown 格式

9、.xxxx檔案：這些是一些配置檔案，包括語法配置，git配置等

vue為3D自然環境的動畫製作和渲染提供了一系列的解決方案。

vue有很多不同的產品，這是為了滿足不同階層的使用者的需要：可以滿足專業的製作工作室，同樣也能滿足3D自由藝術家。

在瞭解vue之前，先弄清PEARSON和PEARSON EDUCATION。

PEARSON是一家大型的跨國傳媒公司，在教育、出版和商務資訊領域一直居於世界領先地位，其主要品牌有：時代財經、培生教育和企鵝出版社。

PEARSON EDUCATION是PEARSON旗下的從事教育和出版行業的機構。

迄今，已為全球超過1億人提供了培訓，是教育、出版一體化領域的佼佼者。

PEARSON EDUCATION將繼續面向世界，利用各種媒介手段源源不斷地提供高質量的讀物、實用的評估工具和先進的教育服務。

vue 則是PEARSON EDUCATION旗下的從事電子化考試服務的機構，它致力於依靠快捷的網際網路，先進的計算機技術及優質的服務為你提供安全、可靠且實用的國際認證考試和安全職業執照及認證程式。

其發展速度之迅猛，主要得益於IT技術的飛速發展、得益於IT認證浪潮的推動。能傳送如微軟、IBM、思科等30多個廠商的考試，同時在考試通過後，又能得到這30多個廠商的認證。