一、安装JDK,配置环境变量

1、先安装 jdk,安装过程中无需改动,一直点击"下一步"即可(Windows中安装)

jdk-8u152-windows-x64.exe包:

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

2、添加路径到系统的环境变量中

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 

复制安装目录的bin目录的路径

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 右击此电脑,选择属性

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

点击高级系统设置→点击高级→点击环境变量

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

win+r ,输入cmd

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

输入 java -version ,可以看到java的版本

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

二、安装 java 集成开发环境 idea 并激活

1、安装 idea

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

勾选 64 bit launch ,选择64位

勾选 java , 识别 .java 结尾的文件

勾选 Add launchers dir to the PATH , 将目录添加到PATH路径

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 2、将 idea 2019.3.1 激活

 

将破解补丁包 jetbrains-agent.jar 放到 idea 安装目录的 bin目录下

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

找到 idea64.exe.vmoptions,并用记事本打开

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

把 -javaagent:F:\IntelliJ IDEA 2019.3.1\bin\jetbrains-agent.jar 添加进去

此路径是破解补丁包的路径,每个人安装的 idea 位置不同,补丁包路径不同

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 找到 idea 桌面快捷方式,双击打开开始激活

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

用记事本打开激活码并复制

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

把复制的激活码粘贴到 Activaition code 栏中,变绿色则说明激活成功。

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

三、使用 idea 创建 maven 项目

选择Create New Project,创建新项目

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

1、选择 Maven 项目,

2、在右边栏 勾选 Create from archetype

3、找到 org.apache.maven.archetypes:maven-archetype-webapp 点击

4、点击 next

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

设置项目名称、路径,点击 next

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

点击 finish 完成

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

等待初始化,不可断网,时间快慢取决网速

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 项目中 src 文件下:main → webapp → WEB-INF → index.jsp,index.jsp则是首页文件

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

四、配置 idea 浏览器框架以及本地git,连接远程 gitlab

1、定位当前项目

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 点击谷歌 Google Chrome 浏览器,进行运行,定位不到首页404 出现报错提示

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

此时,先设置idea的web框架,在File 栏选择 Project Structure

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 选择当前的web项目

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 配置 Facets 完成后会自动跳转到 Modules 设置

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 

 

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 默认设置直接 apply → ok

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

五、安装 Tomcat

1、安装 tomcat

点击浏览器图标,依旧报错,原因是缺少tomcat 配置,安装 tomcat 服务

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 安装即可

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

暂时不启动,直接点完成。

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 2、让开发环境识别 Tomcat

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

配置 tomcat 路径后,依旧有报错,Warning: The selected directory is not a valid Tomcat home

是因为没有获得 tomcat 的访问权限,把当前页面叉掉

然后找到 tomcat 的安装目录,双击目录,然后再弹出的对话框里,点击继续即可

获得访问权限之后,重新进行 tomcat 路径配置

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

运行Tomcat,但是会失败

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

去tomcat的server.xml看一下(文件路径:C:\Program Files\Apache Software Foundation\Tomcat 8.5\conf),一般安装默认有个端口是-1,端口不能是-1,(数值在1-65535之间的任意一个整数,一般会选大于1024的,小于1024的一般被本地计算机程序占),改成8000就行。

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

回到 idea,点击绿色三角按钮运行

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

打开浏览器,显示出了 Hello World!

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

六、开启版本控制

1、项目结构说明

 Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

虽然我们已经配置了 gitlab 服务器,但是依旧需要在本地安装一个 git

实际上,idea 并不是连接远程的 gitlab ,而是 idea 先连接本地的 git ,然后远程的复制本地的 git 仓库。

 

我们建立了一个非常简单的web应用,只有一个index.jsp页面,如果部署好,可以访问该页面就成功啦!

 2、开启版本控制

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

3、提交代码到本地仓库

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 点击下载地址自动跳转到 git 官网 https://git-scm.com/download

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

4、Window 上安装 git

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 安装完成后,打开 VCS 菜单,可以找到 Git 

 Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

如果VCS 菜单中没有Git ,退出 idea 重新进入,点击VCS 的 enable 选项即可

5、将 idea 里的项目添加到本地 git,先 Add 到缓存区

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

弹出对话框,按照要求要求输入 name 和 E-mail,邮箱只要格式正确即可,无需输入真实邮箱。

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

点击 Set and Commit,代码提交到了git 仓库中,但只是在本地的 git 仓库中。

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

6、连接远程 git 仓库,推送到 Gitlab 项目仓库中

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

弹出对话框,选择 Define remote 定义远程服务器

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Name:随便填写

URL:为远程 git 地址,地址如下图所示:

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

输入项目管理用户和密码(输入之前创建的git用户即可)

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

登录远程 git 服务器,刷新即可

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

修改 index.jsp 的代码

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 点击push即可推送到远程仓库

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记

 在远程仓库中,可以看到刚刚提交的代码

Java 集成开发环境 idea 安装及激活,tocat、git安装,配置浏览器,idea创建maven项目,连接远程gitlab _ JavaClub全栈架构师技术笔记