vue2.0的完整安裝步驟
vue版本：2.2.2
vue有兩種項目創建方式，一種是下載vue.js，通過script標簽引入即可；另一種通過vue-cli構建基於webpack的項目，這種項目構建發布需要部署node環境，不能以文件的方式直接打開。
1.全局安裝vue命令行工具
npm install -g vue-cli （首次需要安裝vue-cli 后面就不需要了）
2.創建一個基於webpack模板的新項目
vue init webpack my-project
注：跟“npm init”類似，輸入一系列項目描述與配置，可以不用配置ESLint和單元測試框架。
3.項目創建完成后再安裝基礎模塊
cd my-project
npm install
注：第一次安裝了單元測試框架，結果安裝到27%就安裝不下去了，然后顯示失敗。第二次我把單元測試框架也去掉了，很快便安裝完了。
4.安裝完成后運行該項目即可。
npm run dev
項目監聽在8080端口，出現頁面即為成功。
下圖為安裝ESLint和單元測試框架后的文件結構
.
|-- build // 項目構建相關代碼
| |-- build.js // 生產環境構建代碼
| |-- check-version.js // 檢查 node、npm 等版本
| |-- dev-client.js // 熱重載相關
| |-- dev-server.js // 構建本地服務器
| |-- utils.js // 構建工具相關
| |-- webpack.base.conf.js // webpack 基礎配置（出入口和 loader）
| |-- webpack.dev.conf.js // webpack 開發環境配置
| |-- webpack.prod.conf.js // webpack 生產環境配置
|-- config // 項目開發環境配置
| |-- dev.env.js // 開發環境變量
| |-- index.js // 項目一些配置變量（開發環境接口轉發將在此配置）
| |-- prod.env.js // 生產環境變量
| |-- test.env.js // 測試環境變量
|-- src // 源碼目錄
| |-- components // vue 公共組件
| |-- store // vuex 的狀態管理
| |-- App.vue // 頁面入口文件
| |-- main.js // 程序入口文件，加載各種公共組件
|-- static // 靜態文件，比如一些圖片，json數據等
|-- test // 自動化測試相關文件
|-- .babelrc // ES6語法編譯配置
|-- .editorconfig // 定義代碼格式
|-- .eslintignore // ESLint 檢查忽略的文件
|-- .eslistrc.js // ESLint 文件，如需更改規則則在此文件添加
|-- .gitignore // git 上傳需要忽略的文件
|-- README.md // 項目說明
|-- index.html // 入口頁面
|-- package.json // 項目基本信息
.
當項目需要發布時，執行 npm run build命令來打包項目，打包后的存放在dist文件夾下。dist下的頁面不能以文件的方式打開，需要通過發布后才能訪問。
ps:第一次打包后，啟動服務運行結果發現找不到相關的js和css，檢查后發現dist前面多了一條“/”，所以需要在config/index.js里修改
將assetsPublicPath的值設為‘’；