2-开发工具准备

二、开发环境搭建

1. 软件版本，最好保持一致：

后台开发工具 IDEA 2018
前台开发工具 Visual Studio Code
Java环境： jdk 1.8
Maven仓库： maven 3.6.0
Git

2.软件下载

下载地址：

idea2018 百度网盘：https://pan.baidu.com/s/1O0JrN9pJQKkY1dpuFIoA5w 提取码: cejg
vscode: https://code.visualstudio.com/

3.软件配置

3.1 本地maven配置

配置一：打开maven安装目录找到/conf/settings.xml使用记事本打开,查找mirrors,使用以下阿里云镜配置像替换原来配置：

<mirror>
      <id>nexus-aliyun</id>
      <!-- <mirrorOf>*</mirrorOf> -->
      <mirrorOf>central</mirrorOf>
      <name>aliyun maven</name>
      <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
 </mirror>

maven环境设置.png

配置二：查找localRepository标签，打开注释，然后在本地找盘符新建repository文件夹，作为本地的maven仓库，不配置默认在C盘，所以设置到别的盘符，我这里是D盘。

maven环境设置2.png

配置三：设置maven的java编译环境，在settings.xml文件搜索<profiles>标签，将里面的<profile>标签注释打开，然后使用以下配置替换保存。

<profile>
        <id>compiler</id>
        <properties>
            <JAVA_HOME>C:\Program Files\Java\jdk1.8.0_74</JAVA_HOME>
        </properties>
</profile>

注意设置java环境为自己的目录

maven环境设置3.png

这样maven就设置完成了。

3.2 IDEA配置本地maven

默认idea工具会自带maven但是我们换成自己的，打开idea工具，点击File-->Settings-->Build, Execution, Deployment-->Build Tools-->Maven，替换里面的配置为我们自己的：

idea环境配置1.png

3.3 IDEA插件安装

idea有许多非常优秀的插件，可以大大的提高我们的开发效率，可以去官网查看所有的插件，这里呢我们选择性的安装几款：

3.3.1 Lombok插件

Lombok这个插件，可以帮我忙省略java实体类的许多代码，只需要加注解就会自动的帮我们注入get/set等方法。接下来开始安装，点击File-->Settings-->Plugins，搜索Lombok点击安装，完成后重启idea即可。

idea环境配置2.png

3.3.2 MyBatisX

MyBatisX可以帮我们快速的从mapper文件跳转到dao层接口处，提高了效率，还不容易出错，我这边没有找到所以安装了MyBatisCodeHelperPro效果是一样的。

idea环境配置3.png

3.3.3 Gitee

Gitee可以帮我们把代码提交到码云的仓库，是版本控制不可或缺的，搜索gitee,点击安装，重启idea工具即可。

idea环境配置4.png

3.4 VsCode插件安装

从官网下载好vscode一路安装，提示需要以管理员身份打开，安装好之后打开vscode,和IDEA一样，vscode也有许多优秀的插件，为了提高效率，选择性的安装一些：

3.4.1 Auto Close Tag 和 Auto Rename Tag

Auto Close Tag可以帮我们自动进行开闭标签，接下来安装：

vscode配置.png

与Auto Close Tag类似，在Auto Close Tag底下有一个Auto Rename Tag我们也安装一下:

vscode配置2.png

3.4.2 简体中文包

Vscode支持中文，英文好的选择性安装，搜索Chinese:

vscode配置3.png

3.4.3 ESLint

vscode配置4.png

3.4.4 Html Css Support 和 HTML Snippets

帮我们编写html/css:

vscode配置5.png

vscode配置6.png

3.4.5 JavaScript (ES6)

帮我们简化js开发：

vscode配置7.png

3.4.6 Live Server

实时服务器：

vscode配置8.png

3.4.7 Open In Borwser

在浏览器打开页面：

vscode配置9.png

3.4.8 Vetur

开发vue项目用到：

vscode配置10.png

插件都安装好后重启Vscode软件即可。

3.5 Node.js 安装

要进行前端开发我们还需要安装前端的支持软件Node.js，它是一个基于Chrome V8引擎的JavaScript运行环境，我们这里关注node.js的npm功能就可以了，npm是随同node.js一起安装的包管理工具，类似于java开发中的maven。接下来开始安装node.js。
百度搜索node，打开node.js的官网，直接下载安装程序：

node.js下载.png

下载好后，直接打开一直下一步下一步默认安装就行，安装完成：

node.js安装.png

安装完成后我们打开命令行，查看node.js版本信息：

查看node版本.png

然后为了快速下载，我们配置一下淘宝镜像，在控制面板直接执行命令：

npm config set registry http://registry.npm.taobao.org/

node.js配置.png

执行完成，没有错误。接下来就可以使用vscode进行前端开发了。

4.Git安装

4.1 Git下载安装

百度搜索git，点击git官网，进入官网，点击下载最新的git客户端：

git配置1.png

下载后一路点击下一步安装，使用默认配置，安装好后在桌面，右键鼠标，看到Git Gui Hereh 和 Git Bash Here则说明安装完成：

git配置2.png

4.2 Git基本配置

安装好git后我们进行基本的配置，右键点击Git Bash Here进入git控制台，进行配置：

git配置3.png

4.2.1 配置git当前的用户

//配置用户名
git config --global user.name "user.name"
//配置邮箱
git config --global user.email "uesr.email"

git配置4.png

4.2.2 配置ssh免密登录

我们要将代码提交到GitHub或者码云都需要远程连接，这里我没配置免密连接就可以快速登录提交代码。我选用的是码云账号，使用命令配置;

//生成秘钥，输入你在码云注册时的邮箱
ssh-keygen -t rsa -C "user.email"

点击回车，输入"y"在点击两次回车，完成秘钥生成：

git配置5.png

秘钥生成后使用命令查看秘钥：

cat ~/.ssh/id_rsa.pub

git配置6.png

复制完整的秘钥，打开码云的网站，登录上我们的账号，在设置里点击ssh公钥，添加我们自己的公钥：

git配置7.png

点击确定，进行密码验证，完成后添加公钥成功：

git配置8.png

回到我们的控制台，进行测试，查看添加是否成功。使用命令：

ssh -T git@gitee.com

git配置9.png

出现success则说明成功。git配置完成