文章更新時間：2020/03/14
一、前言
作為一個后端程序員，前端知識多少還是要了解一些的，vue能很好的實現前后端分離，且更便於我們日常中的調試，還具備了輕量、低侵入性的特點，所以我覺得是很有必要了解的一門前端技術。
這篇文章先記錄下如何把vue整合到我們的整個工程中，並作為前端頁面的入口，貫穿到后場服務的調用；一些基礎知識和使用技巧的總結，后面再找合適的時間去開新的篇幅，看完這篇文章，應該可以大致了解vue的結構，並跑起一個完整的項目了。
二、啟動第一個vue工程
1、前置准備：安裝node.js
Node是一個讓 JavaScript 運行在服務端的開發平台，node.js的npm是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，我們開發vue之前先把node.js安裝好，相關教程網上也很多，這里就不詳細描述了，安裝成功后在idea里面右鍵工程->open in terminal->輸入命令，若出現下圖中的場景，我們就可以開始搭建vue環境了
2、創建前端模塊
創建完以后的結構：
3、安裝vue腳手架工具vue-cli，並初始化項目
##安裝腳手架工具vue-cli npm install --global vue-cli
## 安裝webpack模塊打包工具
npm install -g webpack
##初始化項目
vue init webpack 剛創建的目錄名稱
##安裝vue的基礎依賴庫
npm install
由於我的項目已經初始過，這里借用一張圖來簡單了解下配置：
4、啟動項目
##執行package.json中的script腳本
npm run dev
詳細解析命令看這里
三、配置自定義頁面
1、目錄結構
2、運行流程
四、配置跨域
由於瀏覽器存在同源策略，當我們啟動后台的時候，很可能后台服務訪問路徑的端口會和前端頁面工程的端口不一致（比如后台服務端口為8080，即controller的訪問為8080，再啟動vue工程端口為8081，這時由8081端口的vue頁面要發送請求給8080端口的controller，就會存在跨域的問題），所以我們還需要配置一下跨域的設置
1、安裝axios用於發送請求
#安裝命令【vue主目錄下執行，安裝完成后在main.js中引入，下面有圖解】
$ npm install axios -S
2、跨域代理設置
