公司要做一個報表系統,這幾天要出一個demo,從這篇博客開始我會把整個過程記錄下來,摸着石頭過河,有興趣的可以從頭看一看。
開發思路
1.前端 vue-cli+webpack+element UI
2.后台nodejs+express
3.數據庫 mysql 客戶端 navicat
前端
1.搭建vue-cli腳手架(node和npm安裝方法請自行百度,我這里用的淘寶的映射)
進入項目文件 然后執行cnpm install 把依賴拉下來
目錄結構如下
然后項目文件夾下執行 cnpm run dev 得到如下頁面,腳手架就搭建成功了
2.引入element UI
在根目錄下的package.json中的
當前的版本號去 github官方項目的package.json查看
凡是在package.json中加入內容,都要執行 cnpm install 來拉取依賴
或者直接執行cnpm install --save element-ui 可以直接拉取依賴並且更改package.json
這步執行完后還沒完 ,還要在main.js中import並use
3.axios 執行ajax的插件
vue1官方推薦的是vue-resource vue2推薦的是axios,跟上潮流O(∩_∩)O
安裝方法跟element ui 一樣 ,請自己嘗試,不再贅述
————————————————————————————————————————— 分割線 ———————————————————————————————————————————————————————
穿插一條 git本地文件上傳 github
轉載一個鏈接http://www.cnblogs.com/wql025/p/5391693.html putty可以不填