MySql数据库的安装

这步比较简单，从数据库的官网上下载MySql安装包按步骤安装即可，有一点需要注意的是，测试安装是否成功，需要去看看环境变量是否添加成功，如不成功可手动添加，或卸载重装一遍。理论上不会有错误。

前端环境 Vue

前端我们选择用Vue Cli3这个框架。安装Vue环境较为简单，网上也有很多教程，我在这里就大致说一下，不懂的可以参考我的另一篇文章。

---

一、安装Node.js(LTS)

官网下载安装Node.js当前LTS版本的Node.js，安装到默认目录即可，最好不要安装到有中文目录的文件夹下。

查看安装是否成功。

分别输入 node -v 和 npm -v 出现版本号即表示安装成功

成功界面

二、安装WebPack

打开控制台，输入npm i webpack -g

“ -g ” 的意思是全局安装，因为我们以后都要用到，所以我们选择全局安装

下载过程比较慢，没有耐心的同学可以使用淘宝的npm镜像。

npm i webpack -g cnpm --registry=https://registry.npm.taobao.org

三、安装Vue Cli3.0脚手架

npm install -g @vue/cli

yarn global add @vue/cli #mac推荐使用

等它安装完成即可，这里我写的比较简单，详情可参考我写的另一篇文章，或者其他大佬的文章。

四、安装WebStrom IDE

这个软件特别强大，推介大家使用。

https://www.jetbrains.com/webstorm/

软件是收费的，破解方法我就不发上来了

至此，我们的前端环境搭建完成了。

后端环境

在这里我们用的java写的后端，PHP和Python的同学们参考即可。

一、开发工具

首先安装Java EE IDE eclipseEE帮我们把环境都配置得差不多了，我们只需要把要安装的东西安装就好了，

https://www.eclipse.org/downloads/packages/release/neon/2/eclipse-ide-java-ee-developers

JavaEE IDE

二、安装apache-maven-3.6

http://maven.apache.org/download.cgi    // 选择 apache-maven-bin-3.6.zip

解压到自己想放到的位置即可，记住不要放在中文目录下。

配置apache setting.xml

在这个目录下

apache-maven-3.6.0\conf\setting.xml

给它加上阿里的镜像，不然下载速度奇慢，配置如下

        <id>nexus-aliyun</id>

        <mirrorOf>*</mirrorOf>

        <name>Nexus aliyun</name>

        <url>http://maven.aliyun.com/nexus/content/groups/public</url>

记得把它从注释里面拉出来

三、安装Tomcat

https://tomcat.apache.org/download-90.cgi

怎么配置大家自己去搜吧，我懒得写了。

四、在Eclipse EE中配置apache.

之前我们把apache setting.xml文件配置好后，保存退出来，打开Eclipse EE,我直接放截图吧。

打开之后 window > preferences > maven

1 2

window > show view > other 找到下面这个

3

出现这个即代表成功

4

选择框红的地方，右键 > rebulid index 等待下载完成即可。

后端环境就到这里了