开发环境准备（一）

安装nodejs

安装cnpm(淘宝镜像)

1.全局安装Express和Express构造器

cnpm install express -g
cnpm install express-generator -g

初始化一个express项目

express test（项目名） -ejs（如果不填默认为jade模板，-ejs表示使用ejs模板）

初始化项目成功

根据提示进入test文件，安装依赖

cd test 
cnpm install  //安装依赖模块
npm start  //启动项目

启动项目成功

启动项目成功

2.安装vue-cli

可以看下我之前写的vue-cli的笔记vue-cli

初始化一个 vue项目

vue init webpack test2

初始化vue项目

这些选项可以按照我这样选择 也可以根据自己情况选择

安装依赖，启动vue项目

cd test2
cnpm install  //安装依赖模块
npm run dev  //启动vue项目

启动成功

vue启动成功

3.mysql安装配置与工具使用

官方推荐的是mongodb，mongodb也看了点，本身对数据库这块就不太熟，所以我也是从mysql开始，这里只介绍几种mysql工具

phpStudy自带的mysql工具（Mysql-Front）

因为工作中phpStudy用的比较多刚开始一直用的就是这个，方便快捷

下载地址：phpStudy

navicat premium

这个用过一段，不过好像是收费的，后来也一直没在用过

下载地址：navicat premium

mysql workbench

做后端的朋友推荐的，目前在使用的就是这个

下载地址：mysql workbench

数据库添加数据

打开数据库工具，新建一个test数据库，表名为list,新建字段u_name和u_phone

数据库添加数据

编写接口连接并查询数据库数据（二）