首页 > 代码库 > 程序员的一天vue+node+mysql(一)

程序员的一天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可以不填

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