IntelliJ IDEA配置Web项目

     我一直是一个忠实的Android程序员,最近Android的活儿较少。总监叫研究一下web方面的东东,拓展一下技术面。于是话不多说,丢了一个web项目给我们!用MyEclipse折腾了半天,报红!报红!还是报红!哪个绝望啊~ 细思,为啥不用IDEA环境试试呢!经过几番折腾终于把项目用IDEA运行起来了!长长舒了一口气。好!一起来分享一下。


一、首先打开项目 (如下图)

IntelliJ IDEA配置Web项目_第1张图片
1.png

二、配置项目

主要有以下配置:

  • 配置project
  • 配置Modules
  • 配置Libraries
  • 配置Facets
  • 配置Artifacts

点击File->Project Structure后如下图:

IntelliJ IDEA配置Web项目_第2张图片
2.png

我们重点聊一下4 ~ 5项的配置:

1)配置Facets:
     Facets表述了在Module中使用的各种各样的框架、技术和语言。这些Facets让Intellij IDEA知道怎么对待module内容,并保证与相应的框架和语言保持一致,总结来说就是一个组件模板。
web项目一般都要添加一个web facets,点击+号添加一个Web facets

IntelliJ IDEA配置Web项目_第3张图片
3.png

添加后下图所示:

IntelliJ IDEA配置Web项目_第4张图片
4.png

注意:上图中path路径和Web Resource Directory目录是配置的重点;
path填入项目web.xml的路径;
Web Resource Directory填入最后需要打包的资源文件目录路径(这个目录里面的文件会被作为部署war包文件的来源);

2)配置Artifacts
Artifacts的设置决定了部署的war包的目录结构,以及把哪些文件和资源作为打包war的来源;

IntelliJ IDEA配置Web项目_第5张图片
5.png

切换选项卡到Artifacts --> 点击绿色的+号 -->选中Web Application:Exploaded --> From Modules 如果上一步设置Facets正确则在点击From Modules后会弹出如下界面:

IntelliJ IDEA配置Web项目_第6张图片
6.png

然后选择此条目,idea会自动帮我们生成打包项目结构如下:(此目录就是最后打包生成war包的项目结构)

IntelliJ IDEA配置Web项目_第7张图片
7.png

三、配置Tomcat

配置好上面一切后,我们来试着运行一下项目吧!要运行项目当然要设置tomcat。配置如下:
1)点击edit configurations

IntelliJ IDEA配置Web项目_第8张图片
image.png

2)点击绿色的+号选择Tomcat server(如果找不到Tomcat server点击后面more item选项展开即可找到)

IntelliJ IDEA配置Web项目_第9张图片
9.png

3)设置本地tomcat的路径和端口号,如下图:

IntelliJ IDEA配置Web项目_第10张图片
image.png

4)打包相关设置(重要)
切换到Deployment选项卡

IntelliJ IDEA配置Web项目_第11张图片
11.png

点击绿色的+号,添加刚刚我们设置的Artifact

IntelliJ IDEA配置Web项目_第12张图片
12.png

设置编译和资源文件的输出目录

IntelliJ IDEA配置Web项目_第13张图片
image.png

然后不出意外的话,点击我们配置好的tomcat旁边的运行键,项目可顺利运行

IntelliJ IDEA配置Web项目_第14张图片
13.png

你可能感兴趣的:(IntelliJ IDEA配置Web项目)