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,使用以下阿里云镜配置像替换原来配置:


      nexus-aliyun
      
      central
      aliyun maven
      http://maven.aliyun.com/nexus/content/groups/public/
 
maven环境设置.png

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


maven环境设置2.png

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


        compiler
        
            C:\Program Files\Java\jdk1.8.0_74
        

注意设置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 [email protected]
git配置9.png

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

你可能感兴趣的:(2-开发工具准备)