# 开发工具安装 [TOC] ``` JeecgBoot采用前后分离架构,官方推荐前后端都用IDEA 前端开发: IDEA 或者 Webstrom 后端开发: IDEA 或者 Eclipse 开发工具下载:https://pan.baidu.com/s/1tZmFuViGz5IwHhzmA-FN6A 提取码:frya ``` ![输入图片说明](https://static.oschina.net/uploads/img/201904/14220711_9Wvq.png "在这里输入图片标题") ![](https://img.kancloud.cn/10/46/104678931926cb3d8bb73a41efc59ca5_398x325.png) ## 后端开发工具 > 后端开发建议采用IDEA,方便多Maven模块开发,热部署请集成JRebel。 | 序号 | 工具 | 参考 | | -------- | ----- | ---- | | 1 | IDEA安装 | https://jeecg.blog.csdn.net/article/details/103252484 | | 2 |IDEA中Lombok插件的安装与使用 | https://www.cnblogs.com/iathanasy/p/9262689.html | | 3 |热部署JRebel安装 | https://blog.csdn.net/weixin_42831477/article/details/82229436 | | 4 | Eclipse安装lombok插件 | https://blog.csdn.net/qq_25646191/article/details/79639633 | | 5 | Eclipse自定义皮肤主题 | https://blog.csdn.net/StillOnMyWay/article/details/79109741 | | 6 | Eclipse常用快捷键 | https://blog.csdn.net/zhangdaiscott/article/details/52790087 | ## 前端开发工具 | 序号 | 工具 | 描述 | 参考 | | -------- | ----- | -----| ---- | | 1 | Nodejs/Npm安装 | JavaScript运行环境,此处使用到它的包管理器npm | http://www.jianshu.com/p/03a76b2e7e00 | | 2 | Yarn安装| 下载包工具 | https://yarnpkg.com/zh-Hans/docs/install | | 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 ``` ## 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 "在这里输入图片标题")