IntelliJ|IntelliJ IDEA配置Web项目

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

一、首先打开项目 (如下图)
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
1.png
二、配置项目
主要有以下配置:
  • 配置project
  • 配置Modules
  • 配置Libraries
  • 配置Facets
  • 配置Artifacts
点击File->Project Structure后如下图:
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
2.png 我们重点聊一下4 ~ 5项的配置:
1)配置Facets:
Facets表述了在Module中使用的各种各样的框架、技术和语言。这些Facets让Intellij IDEA知道怎么对待module内容,并保证与相应的框架和语言保持一致,总结来说就是一个组件模板。
web项目一般都要添加一个web facets,点击+号添加一个Web facets
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
3.png 添加后下图所示:
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
4.png 注意:上图中path路径和Web Resource Directory目录是配置的重点;
path填入项目web.xml的路径;
Web Resource Directory填入最后需要打包的资源文件目录路径(这个目录里面的文件会被作为部署war包文件的来源);
2)配置Artifacts
Artifacts的设置决定了部署的war包的目录结构,以及把哪些文件和资源作为打包war的来源;
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
5.png 切换选项卡到Artifacts --> 点击绿色的+号 -->选中Web Application:Exploaded --> From Modules 如果上一步设置Facets正确则在点击From Modules后会弹出如下界面:
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
6.png 然后选择此条目,idea会自动帮我们生成打包项目结构如下:(此目录就是最后打包生成war包的项目结构)
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
7.png
三、配置Tomcat
配置好上面一切后,我们来试着运行一下项目吧!要运行项目当然要设置tomcat。配置如下:
1)点击edit configurations
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
image.png 2)点击绿色的+号选择Tomcat server(如果找不到Tomcat server点击后面more item选项展开即可找到)
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
9.png 3)设置本地tomcat的路径和端口号,如下图:
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
image.png 4)打包相关设置(重要)
切换到Deployment选项卡
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
11.png 点击绿色的+号,添加刚刚我们设置的Artifact
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
12.png 【IntelliJ|IntelliJ IDEA配置Web项目】设置编译和资源文件的输出目录
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
image.png 然后不出意外的话,点击我们配置好的tomcat旁边的运行键,项目可顺利运行
IntelliJ|IntelliJ IDEA配置Web项目
文章图片
13.png

    推荐阅读