Vue是什么，是一套構建用戶界面的漸進式框架（官網解釋），什么叫漸進式框架呢，簡單回答就是主張最少，Vue官方文檔 很全面的。
Vue兩大核心思想，組件化和數據驅動，組件化就是將一個整體合理拆分為一個一個小塊（組件），組件可重復使用，數據驅動是前端的未來發展方向，釋放了對DOM的操作，讓DOM隨著數據的變化自然而然的變化（尤神原話），不必過多的關注DOM，只需要將數據組織好即可。
Vue-cli是快速構建這個單頁應用的腳手架，這個可是官方的。官方給的建議，如果你是初次嘗試Vue，那就老老實實用普通的書寫引入js文件，這里牽扯太多的東西，例如webpack 、npm 、nodejs 等等，很容易成就從入門到放棄的思想。這篇文章本身就是按照官方的文檔中的構建流程來的（官方構建建議 ），以下是構建過程。
1.使用npm全局安裝vue-cli（前提是你已經安裝了nodejs，否則你連npm都用不了），在cmd中輸入以下命令：

 npm install --global vue-cli

安裝命令

這樣應該是安裝成功了

--global是全局安裝的意思，不寫--global是安裝在當前目錄下。寫上就是安裝在系統目錄下，由于我之前已經在安裝npm的時候將系統默認目錄修改為了E盤，所以這里裝完之后，在我的E盤的npm里面會多了幾個vue的文件。

在E盤下面多了這些文件

安裝完成后，創建自己的工作空間，在cmd切換至剛剛創建好的工作空間，如果已經有工作空間，直接切換到工作空間即可。使用命令創建項目

vue init webpack vuetest

vuetest是項目名稱，這個名字自己隨便取。
命令輸入后，會進入安裝階段，需要用戶輸入一些信息
Project name (vuetest) 項目名稱，可以自己指定，也可直接回車，按照括號中默認名字（注意這里的名字不能有大寫字母，如果有會報錯Sorry, name can no longer contain capital letters），可以參考阮一峰老師的博客為什么文件名要小寫 。
Project description (A Vue.js project)項目描述，也可直接點擊回車，使用默認名字
Author (........) 作者，不用說了，你想輸什么就輸什么吧
接下來會讓用戶選擇
Runtime + Compiler: recommended for most users 運行加編譯，既然已經說了推薦，就選它了
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 僅運行時，已經有推薦了就選擇第一個了
Install vue-router? (Y/n) 是否安裝vue-router，這是官方的路由，大多數情況下都使用，vue-router官網 。這里就輸入“y”后回車即可。
Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代碼，ESLint是個代碼風格管理工具，是用來統一代碼風格的，并不會影響整體的運行，這也是為了多人協作，作為新手，由于不了解，這里就不用了。ESLint官網

Setup unit tests with Karma + Mocha? (Y/n) 是否安裝單元測試，我選擇安裝
Setup e2e tests with Nightwatch(Y/n)? 是否安裝e2e測試 ，我選擇安裝
完成

問了一些稀奇古怪的問題

最后生成 Vue.js 的webpack 項目
vue-cli · Generated "my-first-vue-project". # VUE-CLI·生成“我的項目”。
To get started: # 開始：
cd my-project # CD我的項目
npm install # NPM安裝
npm run dev # NPM運行開發
Documentation can be found at https://vuejs-templates.github.io/webpack文檔可以在這個地址找到
當你走到這里的時候你也就完成了VueJS 的安裝，當然包括 webpack打包工具。

先切換到my first vue project這個文件夾，然后安裝依賴

再運行開發

第一個vue項目就運行了

附錄

安裝生產環境中的依賴環境

npm install --production

可用于npm install之后，用于安裝在生產環境中的依賴環境。即package.json文件中dependencies里設置的的依賴環境。
<h3>目錄結構</h3>
<h5>build</h5> 構建腳本目錄
<h5>config</h5> 構建的配置文件
<h5>src</h5> 源碼目錄
<h5>static</h5> 靜態資源目錄

小結

1.安裝腳手架工具 （只需要安裝一次）

    npm install --global vue-cli   /  cnpm install --global vue-cli

2.創建項目

    1.cd到項目所在目錄

    2.官方 vue init webpack my-project （不推薦）

      推薦這樣創建項目。

      vue init webpack-simple my-project  (沒有語法檢查)

      vue init webpack-simple固定寫法    my-project 項目名稱

3.cd 到這個項目里面

 cd my-project 

4.安裝依賴

npm install  / cnpm install

5.運行

npm run dev

6.編譯打包

 npm run build