一、vue有兩種使用方式：
1.下載vue.js
<script src="vue.js"></script> 2.使用npm
npm install vue 二、在vue的mvc思想基礎上，會有很多想實現的功能，可以不必原生寫。比如ajax請求，各種插件。
安裝vue-cli，促使這些插件可以在vue上運行。
npm install vue-cli -g 三、vue安裝成功測試
cmd 中,(vue各種模板)
vue -V
vue list 四、使用vue，結合webpack開發。
從vue的角度講，使用了模塊化編寫代碼。
從webpack的角度講，編譯后的代碼，頁面全是js寫的，別人看不懂，也壓縮了文件大小。
五、vue+webpack簡單流程操作
1、文件夾中、shift+右鍵，選擇“在此處打開命令窗口”
vue init webpack test test是項目名字
2、
1.項目名字，
2.項目描述，
3.項目作者，
4.使用vue什么模式，
5.是否安裝vue路由，
6.是否使用eslint檢查代碼（建議no，嚴格要求es6編碼），
7.不知道，
8.不知道，
3、進入項目文件夾，shift+右鍵，選擇“在此處打開命令窗口”
npm install 此步驟就是安裝package.json中預設，要裝的插件。
4、
1.build，vue能進行模塊化編寫，就靠它配置文件
2.config，webpack能打包，就靠它配置文件
3.dist，這個是打包后才出現的文件夾。里面裝的就是打包后的項目文件
4.node_modules，安裝vue各種插件的地方
5.src，項目編寫的地方 assets，裝資源的地方，圖片，字體等components，裝模塊，或者網頁的地方。文件均為**.vue router，配置路由，哪個地址，分配component下的哪個網頁 App.vue,本身就是個components掛在外面的index.html上。index相當於投資人，甩手掌櫃，App.vue相當於職業經理人，網頁的事它主管。 main.js,和主管App.vue配套的，主管js。6.static，有它可以使用git項目版本管理
7.index.html，vue網頁入口
8.package.json ,內置初始插件名稱。后期再安裝插件，npm i 插件名 --save ，可以保存進文件內
5、.vue可以看成是.html，都有標簽代碼區域，js區域，css樣式區域。
又不同於.html，作用域都是獨立的。所以js引用必須import導入，export導出。 6、運行項目
項目文件中，shift+右鍵，選擇“在此處打開命令窗口”
npm run dev npm run build npm start
dev就是webpack的開發模式，開發模式，就是壓縮文件之前
build就是項目完成后開始壓縮文件，文件夾中出現dist文件夾，里面就是壓縮后的項目
進入dist文件夾，shift+右鍵，選擇“在此處打開命令窗口” （運行項目）
原文鏈接：https://segmentfault.com/a/1190000010960666