# 基礎環境與工具安裝
~~~
采用前后分離架構，官方推薦前后端都用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開發界面
