程序員的一天vue+node+mysql(一)

公司要作一個報表系統，這幾天要出一個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能夠不填