IntelliJ IDEA配置与搭建web项目入门使用

版权声明:本文为 Codeagles 原创文章,可以随意转载,但请注明出处!!!

由于开发效率,最近从Myeclipse开发习惯转到IDEA上,不得不说使用习惯了之后,效率大大提升,还有一些优秀的插件简直不要太好。因为开发方式还是有很大区别的,所以还是记录搭建项目的过程,废话不多说,直奔主题。

下载地址

IDEA:https://www.jetbrains.com/idea/
JDK: http://www.oracle.com/technetwork/java/javase/downloads/index.html
Tomcat: http://tomcat.apache.org/ (练习的话可以用8,做项目建议用7,win更建议使用安装版,Mac/Linux正常下载就OK)

进行配置

全部都安装好后,开始配置。首先打开IDEA,在首页右侧,点击“Configure”->“Project Defaults”->"Project Structure",进来之后开始配置jdk,默认图片这样,安装好JDK后,点下拉框会看到jdk版本,选择好后点击OK,JDK配置完成。

IntelliJ IDEA配置与搭建web项目入门使用_第1张图片
jdk.png

这里要说一下,如果点击上一步下拉的时候没有JDK版本选择,点击左侧SDKs,然后点击“+”,选择JDK,然后找自己下载的JDK安装的目录,就可以了然后再回来发现就会有这个下拉选项了。

然后继续点击“Configure”->"Preferences"

IntelliJ IDEA配置与搭建web项目入门使用_第2张图片
Preferences.png

然后配置快捷键,IDEA提供很多快捷键,在右侧keymaps下拉框选择自己喜欢或者习惯的快捷方式,当然如果都没有,可以选择一个相近的然后点击右侧Copy进行个性化定制属于自己的快捷键,这里就是提一下,具体设置,自由发挥吧。

IntelliJ IDEA配置与搭建web项目入门使用_第3张图片
keymap.png

配置快捷键后,继续点击下面的“Build, ...”,配置Java编译版本,保持和关联的JDK一致即可。

IntelliJ IDEA配置与搭建web项目入门使用_第4张图片
配置.png

全部搞定后,到此我们完成IDEA基础配置。我们进入下一个阶段,项目搭建。

Web项目搭建

回到图一中,创建一个新项目“Create New Project”。勾选JAVA EE中的Web这个选项,下面具体的框架配置文件取决于自己项目,这个项目不需要Struts框架就不勾选了。然后下面有一个“Create web.xml”勾选上,方便以后进行配置】,然后“Next”。

IntelliJ IDEA配置与搭建web项目入门使用_第5张图片
创建项目.png

接下来给项目取名字。

点击完成,就会看到如图一样的项目成功搭建好了,等待环境创建加载就OK了,项目结构是这样的。

IntelliJ IDEA配置与搭建web项目入门使用_第6张图片
创建成功.png

接下来我们来运行这个项目,运行的话这里所用的服务器是Tomcat,我们来配置Tomcat。

IntelliJ IDEA配置与搭建web项目入门使用_第7张图片
编辑.png

然后进行添加一个新的Tomcat。

IntelliJ IDEA配置与搭建web项目入门使用_第8张图片
创建Tomcat.png

进行配置。

IntelliJ IDEA配置与搭建web项目入门使用_第9张图片
配置tomcat.png

从上到下

  • Name:随意起一个Tomcat的名字

  • Application Server:下拉选择已经安装好的Tomcat版本。如果下拉没有版本,点击右侧的“Configure...”按钮,然后点击“+”按钮,在弹出的框中配置好自己的文件就可以了。


    IntelliJ IDEA配置与搭建web项目入门使用_第10张图片
  • After launch:默认启动的浏览器 下面地址为项目启动的首页index.jsp默认地址

  • JRE: 选择运行时的jre,建议通过下拉,选择自己的jdk版本,不用默认的。

  • HTTP port:Tomcat的端口号,一般来说默认8080就好,以后根据项目可能更改,如8088,80等等,总之,知道在这里改就好了。

然后点击Apply,之后点击上面的“Deployment”进行项目部署的配置。

IntelliJ IDEA配置与搭建web项目入门使用_第11张图片
部署.png
IntelliJ IDEA配置与搭建web项目入门使用_第12张图片
部署成功.png

这样配置好后,点击OK,这个配置是运行Tomcat的时候,项目会打压成war自动发布到Tomcat中运行。到此,完成了web项目的搭建。

测试运行

点击index.jsp。修改一下jsp内容,修不修改为所谓,就是方便观看而已。

IntelliJ IDEA配置与搭建web项目入门使用_第13张图片

配置好的Tomcat在红框中会显示出来,然后点击右侧的键,开始运行。等待浏览器的结果。如图,成功。完成了项目的搭建部署。

IntelliJ IDEA配置与搭建web项目入门使用_第14张图片

补充说明

根据项目结构,会发现src文件夹下面是空的,我们没有地方写代码,这个时候我们来到src文件上右键,创建两个文件夹,名字分别为“java”,“resources”。

IntelliJ IDEA配置与搭建web项目入门使用_第15张图片
创建文件夹

此时文件夹创建好后,在这两个文件夹上面分别右键设置。

IntelliJ IDEA配置与搭建web项目入门使用_第16张图片
image.png

至此,项目才算是真正完成了,可以创建Java代码以及资源文件了。
Done.

你可能感兴趣的:(IntelliJ IDEA配置与搭建web项目入门使用)