vue的使用有3種方式（http://www.runoob.com/vue2/vue-install.html），第一種便是在 Vue.js 的官網上直接下載 vue.min.js 並用 <script> 標籤引入。

在做專案的情況下，都是用的npm下載：

一、安裝環境：

　　在https://nodejs.org/en/中下載node，執行npm -v 檢視版本號（如果有版本號，則表示安裝環境成功）。由於 npm 安裝速度慢，為了提高效率，可以使用淘寶的映象：http://npm.taobao.org/

二、搭建vue專案環境

　　npm install vue

　　全域性安裝 vue-cli：

　　cnpm install --global vue-cli

　　vue init webpack 專案名稱：

三、安裝並執行專案：

　　cd （專案名稱） 進入專案檔案中

　　npm install

　　npm run dev 　　執行專案

四、專案目錄（初始）：

　　build：構建指令碼目錄

　　　　build.js：生產環境構建指令碼；


　　　　check-versions.js：檢查npm，node.js版本；

　　　　utils.js：構建相關工具方法；

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

　　　　webpack.base.conf.js：webpack基本配置；

　　　　webpack.dev.conf.js： webpack開發環境配置；

　　　　webpack.prod.conf.js：webpack生產環境配置；

　　config：專案配置

　　　　dev.env.js：開發環境變數；

　　　　index.js：專案配置檔案；

　　　　prod.env.js ： 生產環境變數；

　　　　test.env.js ：測試環境變數；

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

　　src：開發的目錄：

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

　　　　components：元件目錄；

　　　　router：前端路由；

　　　　App.vue：專案根元件；

　　　　main.js：入口js檔案；

　　static：靜態資源目錄（不會被webpack構建）

　　index.html：首頁入口檔案

　　test ：測試檔案目錄；

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


　　README.md：專案的說明文件