# 基础环境与工具安装 [TOC] ``` JeecgBoot采用前后分离架构,官方推荐前后端都用IDEA 前端开发: IDEA 或 Webstrom 后端开发: IDEA 或 Eclipse ``` ## 工具清单 > 链接:https://pan.baidu.com/s/16z9qNtyk24bsrZxRFBHP2w 提取码:pagv * 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://my.oschina.net/jeecg/blog/4277939 | | 2 | Yarn安装| 下载包工具 | https://my.oschina.net/jeecg/blog/4278012 | | 3 | WebStorm安装与使用(也可用IDEA)| WEB前端开发工具 | 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 | | 3 | IDEA中Lombok插件的安装与使用 | https://www.cnblogs.com/iathanasy/p/9262689.html | | 4 | IDEA热部署JRebel安装 | https://blog.csdn.net/weixin_42831477/article/details/82229436 | | 5 | IDEA自动生成类注释和方法注释 | https://my.oschina.net/jeecg/blog/3198358 | | 5 | ~~Eclipse安装lombok插件~~ | https://blog.csdn.net/qq_25646191/article/details/79639633 | | 6 | ~~Eclipse自定义皮肤主题~~ | https://blog.csdn.net/StillOnMyWay/article/details/79109741 | | 7 | ~~Eclipse常用快捷键~~ | https://blog.csdn.net/zhangdaiscott/article/details/52790087 | ## WebStorm-2018.1.3 开发入门配置 | 序号 | 标题 | 链接 | | -------- | ----- | ---- | |1|WebStorm安装与使用|https://blog.csdn.net/u011781521/article/details/53558979| |2|webstorm 2018 激活破解|https://blog.csdn.net/dujing_15620553271/article/details/79126676| |3|修改webstorm主题|https://blog.csdn.net/master_yao/article/details/50675454| |4|Webstorm切换快捷键风格(Webstorm快捷键与eclipse对比介绍)|https://blog.csdn.net/gsying1474/article/details/52036443| |5|WebStorm SVN用法|https://blog.csdn.net/hysh_keystone/article/details/52013789| |6|‘svn’不是内部或外部命令问题解决|https://blog.csdn.net/mitea90/article/details/19075673| |7|设置webstorm的vue新建文件模板(后面篇章)|https://blog.csdn.net/diligentkong/article/details/75040651| |8|WebStorm卡顿拉取svn慢解决|https://blog.csdn.net/WYA1993/article/details/84671501| ## 前端Webstorm开发界面 ![输入图片说明](https://static.oschina.net/uploads/img/201901/07163141_8U71.png "在这里输入图片标题") ## 后端Eclipse开发界面 ![输入图片说明](https://static.oschina.net/uploads/img/201901/07163150_Oeie.png "在这里输入图片标题")