前言：

        最近在考慮搭建個人網站，想了想決定採用前後端分離模式

        前端使用Vue，負責接收資料

        後端使用Spring Boot，負責提供前端需要的API

        就這樣開啟了我邊學習邊實踐之旅

Vue環境搭建步驟：

        1、安裝node.js

              a)進入node.js官網（https://nodejs.org/en/download/），選擇對應版本下載，並進行安裝（安裝時，按照提示，一直next）

              b)驗證node.js是否有安裝好：開啟命令列視窗，輸入node -v，會返回對應的node.js版本號

              c)npm包管理器是整合在node.js中，在安裝node.js時已安裝了npm，所以不需要特別再安裝，在命令列視窗中，輸入npm -v，即可得到npm版本號

              d)輸入以下命令npm -g install npm，可更新npm至最新版本

        2、安裝cnpm

              a)輸入以下命令npm install -g cnpm --registry=https://registry.npm.taobao.org，使用npm國內映象（

        3、使用cnpm安裝vue腳手架vue-cli

              a)輸入以下命令cnpm install -g vue-cli，安裝腳手架

              b)輸入以下命令vue -V，檢視vue版本號

建立專案：

        可自定義將專案建立到某個路徑下（Eg：G:\workspace-vue）

              a)通過命令進入該路徑

              b)輸入以下命令新建專案vue init webpack annewebsite

              c)在實體目錄下進行檢視

安裝專案依賴：

        以上通過腳手架建立的vue專案，還不能直接執行，需要載入上專案需要的依賴包才能執行

              a)通過命令進入到專案所在目錄（G:\workspace-vue\annewebsite）

              b)輸入以下命令cnpm install，安裝專案所需的依賴包

執行專案：

        專案已經配置完畢，可以開始執行專案，看一看初始效果了

              a)通過命令進入到專案所在目錄（G:\workspace-vue\annewebsite）

              b)輸入以下命令npm run dev，來執行專案

              c)在瀏覽器中訪問專案，檢視效果

備註：

        以上就是整個專案的環境搭建過程，可以在工具中檢視專案目錄，後續的開發工作都將在src目錄下進行