二、开发环境搭建
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>

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

配置三:设置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.2 IDEA配置本地maven
默认idea工具会自带maven但是我们换成自己的,打开idea工具,点击File-->Settings-->Build, Execution, Deployment-->Build Tools-->Maven,替换里面的配置为我们自己的:

3.3 IDEA插件安装
idea有许多非常优秀的插件,可以大大的提高我们的开发效率,可以去官网查看所有的插件,这里呢我们选择性的安装几款:
3.3.1 Lombok插件
Lombok这个插件,可以帮我忙省略java实体类的许多代码,只需要加注解就会自动的帮我们注入get/set等方法。接下来开始安装,点击File-->Settings-->Plugins,搜索Lombok点击安装,完成后重启idea即可。

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

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

3.4 VsCode插件安装
从官网下载好vscode一路安装,提示需要以管理员身份打开,安装好之后打开vscode,和IDEA一样,vscode也有许多优秀的插件,为了提高效率,选择性的安装一些:
3.4.1 Auto Close Tag 和 Auto Rename Tag
Auto Close Tag可以帮我们自动进行开闭标签,接下来安装:

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

3.4.2 简体中文包
Vscode支持中文,英文好的选择性安装,搜索Chinese:

3.4.3 ESLint

3.4.4 Html Css Support 和 HTML Snippets
帮我们编写html/css:


3.4.5 JavaScript (ES6)
帮我们简化js开发:

3.4.6 Live Server
实时服务器:

3.4.7 Open In Borwser
在浏览器打开页面:

3.4.8 Vetur
开发vue项目用到:

插件都安装好后重启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版本信息:

然后为了快速下载,我们配置一下淘宝镜像,在控制面板直接执行命令:
npm config set registry http://registry.npm.taobao.org/

执行完成,没有错误。接下来就可以使用vscode进行前端开发了。
4.Git安装
4.1 Git下载安装
百度搜索git,点击git官网,进入官网,点击下载最新的git客户端:

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

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

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

4.2.2 配置ssh免密登录
我们要将代码提交到GitHub或者码云都需要远程连接,这里我没配置免密连接就可以快速登录提交代码。我选用的是码云账号,使用命令配置;
//生成秘钥,输入你在码云注册时的邮箱
ssh-keygen -t rsa -C "user.email"
点击回车,输入"y"在点击两次回车,完成秘钥生成:

秘钥生成后使用命令查看秘钥:
cat ~/.ssh/id_rsa.pub

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

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

回到我们的控制台,进行测试,查看添加是否成功。使用命令:
ssh -T git@gitee.com

出现success则说明成功。git配置完成
网友评论