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

公司要作一个报表系统,这几天要出一个demo,从这篇博客开始我会把整个过程记录下来,摸着石头过河,有兴趣的能够从头看一看。html

开发思路前端

1.前端 vue-cli+webpack+element UIvue

2.后台nodejs+expressnode

3.数据库 mysql 客户端 navicat mysql

前端

1.搭建vue-cli脚手架(node和npm安装方法请自行百度,我这里用的淘宝的映射)webpack

进入项目文件 而后执行cnpm install 把依赖拉下来ios

目录结构以下git

而后项目文件夹下执行 cnpm run dev 获得以下页面,脚手架就搭建成功了github

2.引入element UI web

在根目录下的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能够不填

相关文章
相关标签/搜索