# 基础环境与工具安装
~~~
采用前后分离架构，官方推荐前后端都用IDEA
前端开发： IDEA 或 Webstrom
后端开发： IDEA 或 Eclipse
~~~
## 工具清单
* node-v12.13.1-x64.msi
* yarn-1.21.1.msi
* ideaIU-2019.2.3.exe
* jdk-8u191-windows-x64.exe
* apache-maven-3.5.4.zip
* redis64-3.0.501
* mysql-5.7.26-winx64.zip
## 前端环境安装（开发工具—帮助文档）
| 序号 | 工具 | 描述 | 参考 |
| --- | --- | --- | --- |
| 1 | Nodejs/Npm安装/Cnpm安装 | JavaScript运行环境，此处使用到它的包管理器npm | [https://blog.csdn.net/zhangdaiscott/article/details/106114007](https://blog.csdn.net/zhangdaiscott/article/details/106114007) |
| 2 | Yarn安装 | 下载包工具 | [https://blog.csdn.net/zhangdaiscott/article/details/106115298](https://blog.csdn.net/zhangdaiscott/article/details/106115298) |
| 3 | WebStorm安装与使用（也可用IDEA） | WEB前端开发工具 | [https://blog.csdn.net/u011781521/article/details/53558979](https://blog.csdn.net/u011781521/article/details/53558979) |
## 配置Nodejs镜像
~~~
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
~~~
## 后端环境安装（开发工具—帮助文档）
> 后端开发建议采用IDEA，方便多Maven模块开发，热部署请集成JRebel。
| 序号 | 工具 | 参考 |
| --- | --- | --- |
| 1 | JDK8安装、Maven安装 | 此部分请百度 |
| 2 | IDEA安装 | [https://jeecg.blog.csdn.net/article/details/103252484](https://jeecg.blog.csdn.net/article/details/103252484) |
| 3 | IDEA中Lombok插件的安装与使用 | [https://www.cnblogs.com/iathanasy/p/9262689.html](https://www.cnblogs.com/iathanasy/p/9262689.html) |
| 4 | IDEA热部署JRebel安装 | [https://blog.csdn.net/weixin\_42831477/article/details/82229436](https://blog.csdn.net/weixin_42831477/article/details/82229436) |
| 5 | IDEA自动生成类注释和方法注释 | [https://my.oschina.net/jeecg/blog/3198358](https://my.oschina.net/jeecg/blog/3198358) |
| 5 | `clipse安装lombok插件~ | [https://blog.csdn.net/qq\_25646191/article/details/79639633](https://blog.csdn.net/qq_25646191/article/details/79639633) |
| 6 | `clipse自定义皮肤主题~ | [https://blog.csdn.net/StillOnMyWay/article/details/79109741](https://blog.csdn.net/StillOnMyWay/article/details/79109741) |
| 7 | `clipse常用快捷键~ | [https://blog.csdn.net/zhangdaiscott/article/details/52790087](https://blog.csdn.net/zhangdaiscott/article/details/52790087) |
## WebStorm-2018.1.3 开发入门配置
| 序号 | 标题 | 链接 |
| --- | --- | --- |
| 1 | WebStorm安装与使用 | [https://blog.csdn.net/u011781521/article/details/53558979](https://blog.csdn.net/u011781521/article/details/53558979) |
| 3 | 修改webstorm主题 | [https://blog.csdn.net/master\_yao/article/details/50675454](https://blog.csdn.net/master_yao/article/details/50675454) |
| 4 | Webstorm切换快捷键风格（Webstorm快捷键与eclipse对比介绍） | [https://blog.csdn.net/gsying1474/article/details/52036443](https://blog.csdn.net/gsying1474/article/details/52036443) |
| 5 | WebStorm SVN用法 | [https://blog.csdn.net/hysh\_keystone/article/details/52013789](https://blog.csdn.net/hysh_keystone/article/details/52013789) |
| 6 | ‘svn’不是内部或外部命令问题解决 | [https://blog.csdn.net/mitea90/article/details/19075673](https://blog.csdn.net/mitea90/article/details/19075673) |
| 7 | 设置webstorm的vue新建文件模板(后面篇章) | [https://blog.csdn.net/diligentkong/article/details/75040651](https://blog.csdn.net/diligentkong/article/details/75040651) |
| 8 | WebStorm卡顿拉取svn慢解决 | [https://blog.csdn.net/WYA1993/article/details/84671501](https://blog.csdn.net/WYA1993/article/details/84671501) |
## 前端Webstorm开发界面
## 后端Eclipse开发界面
