一、VUE是什么
【官方介紹】Vue (讀音 /vjuː/，類似於 view) 是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。
二、為什么要學習VUE
以往，開發企業管理程序都是用的MVC架構，前端V一般只管展示，強依賴后端的控制端，開發人員開發一個需求要么是從前端一直開發到后端，又或者是前端、后端分開開發，但前后端是緊耦合的，前后端開發人員經常得互相等待，應用程序也不能分開布署，沒有彈性，所以為了解決這些問題，漸漸發展成了前后端分離的方式，前后端定義好接口后就互不依賴，可以先分開開發，調試，非常方便，也很容易分開布署，提升彈性。當然VUE也可以在以前的開發方式中直接嵌入使用，但一般不推薦。
我計划寫一系列博文來帶大家開發一個基於VUE+SpringBoot+SpringSecurity+Mybatis+Mysql的前后端分離的管理系統，本系列博文就是前台部份。
三、搭建VUE環境
1、安裝Node
vue的運行是要依賴於node的npm的管理工具來實現，所以第一步需要安裝Node，進入到http://nodejs.cn/download/官網，根據自已的windows操作系統是32位的還是64位的選擇相應的版本，如下圖，我習慣於下載zip的，下載后直接解壓到一個目錄，然后把該目錄的路徑加到windows的環境變量path中即可，此時在windows中運行cmd，進入到命令行，輸入node -v，顯示node的版本即表示安裝成功，如下圖：
2、安裝VUE-CLI
VUE-CLI是一相基於Webpack的vue模板項目，我們的項目基於此模板項目開發，所以建第一個項目前需要先安裝VUE-CLI，后面再新建項目就不需要了。
在Windows命令行執行如下命令：npm install vue-cli -g 即可。
3、新建項目
先在windows上新建一個項目文件夾，在windows命令行上進入到此目錄，執行如下命令：vue init webpack，然后根據提示輸入項目名等，如下圖：
4、安裝項目依賴
繼續在windows命令行上執行（項目目錄下）：npm install 注：現在新的node版本已不需要執行此命令了，如果是用的node老版本則需要執行。
5、運行項目
繼續在windows命令行上執行（項目目錄下）： npm run dev ，運行成功后如下圖一，打開IE輸入： http://localhost:8080即可打開項目，見下圖二:
注：由於我已打開一個vue項目，所以下面圖中的圖口號自動變為了8081，具體是哪一個端口，大家可以看下圖中的紅框部份
圖一
圖二
四、安裝開發工具
理論上建好vue可以用任何文本文件開發工具來開發，但一個好的工具可以事半功倍，這里我推薦用VSCode，在瀏覽器中輸入https://code.visualstudio.com/ ,選擇相應的版本下載安裝即可。安裝后打開vscode，在文件菜單中選擇打開文件夾，選擇自已的項目文件夾，打開即可看到該項目的所有源代碼。
