實用人群
- 適合小白入門，高手請繞行
技術棧
- javascript vuejs webpack babel eslint nodejs axios
- php mysql redis
- git vagrant centos
整體思路
git負責版本控制，這個算是標配
前臺: 使用vuejs框架，用javascript語言打造，UI使用ElementUI。webpack babel eslint nodejs 服務于javascript代碼編寫。
后臺: 用PHP作，mysql數(shù)據庫，redis緩存，運行在裝有centos系統(tǒng)虛擬機中，通過vagrant管理虛擬機
-
前端通過axios和后端通訊。
- 前端到回臺請求url: http://localhost/json.php/Module/Controller/Action/param/value
- 后端發(fā)給前臺的Json指令符合如下格式
return {
// 需要渲染的界面
view: {
// 界面名稱
name: 'Table'
// 界面的配置信息
column: [
...
]
// ...
},
// 需要渲染的數(shù)據列表
rows: [
...
],
//提示信息
message: '...',
status: true
}
環(huán)境搭建
為方便新手入門，本文在windows環(huán)境下進行。軟件統(tǒng)一安裝到D:\Server目錄下
1. 創(chuàng)建工作目錄
在D盤創(chuàng)建Server目錄，用于搭建工作環(huán)境
2. 安裝git
在git首頁下載相應位數(shù)（64/32）的Windows版git，
然后一路下一步安裝，注意選擇安裝位置。
調出命令行（win+r輸入cmd）輸入 git --version 顯示git版本號即可。
3. 安裝Nodejs和Vue
在nodejs首頁下載，一路next，注意選擇安裝位置。
命令行輸入 node -v 顯示node版本號。
命令行輸入 npm --v 顯示npm版本號即可。
在D:\Server\nodejs目錄下下建立"node_global"及"node_cache"兩個文件夾。然后命令行輸入:
npm config set prefix "D:\Server\nodejs\node_global"
npm config set cache "D:\Server\nodejs\node_cache"
桌面/我的電腦/右鍵【屬性】/高級系統(tǒng)設置/高級/環(huán)境變量
- 用戶變量Path中 C:\...npm 替換為D:\Server\nodejs\node_global
- 系統(tǒng)變量增加NODE_PATH=D:\Server\nodejs\node_global
可以通過 npm config get prefix查看設置情況
輸入npm install --global vue-cli測試一下（不改源，需要喝杯水的時間...）
正常的話，vue就安裝完成了，下一步在瀏覽器插件商店中找到并安裝vue-devtools
恭喜，前端環(huán)境搭建基本完成
