转 IntelliJ IDEA 使用基础篇 Java IDE编辑器

         IntelliJ IDEA 使用基础篇  Java IDE编辑器

   先废话几句，大凡是 Java 开发者都知道 Eclipse 集成开发编辑器，也都会使用。但 IntelliJ IDEA 呢？！我估计，一部分人没听说过，一部分人知道但没有用过。所以，我在这里写一篇怎么使用 IDEA 来建立一个 Java Web 项目。

 

   废话完毕！以下为图文并茂具体内容：

 

   我是首先在D盘下创建一个名叫 ideademo 的文件夹，准备把项目放在这个目录。哥们，你也跟着造一个吧！

 

打开你的 IDEA 编辑器,选择菜单栏的第一个菜单 File--> New Project，如下图：

 

 

 

然后，就是点击按钮 Next >

 

 

如上图，Project files location 选择项目文件的位置，就选择刚建立的文件夹ideademo ,给项目起个名字叫 ideaProject 填到 Name所在的选项框里，另外Project file fortmat 选项我选的是 .ipr (file based) 选项。

 

接着，继续下一步，如图：

 

 

 

上面这个图所说的是，建立项目源文件目录为 src ,没别的继续下一步，如下图：

 

 

 

 

记得在左侧复选框里选上 Web Application 那个勾，因为要开发 Java Web 项目是必要的，他会给你生成 web.xml 文件，右边可以选择 JavaEE 版本，我选择 Version: 2.5 ,点击 Finish 就完了，剩下的是让项目运行起来了！

 

注意：中途如果要你选择 JDK, 你就选择一下你的 JDK 安装目录。

 

下图是建立后的项目结构图：

 

下一步，设置一下 项目的编码吧，免得以后文件内容乱码，全给设置个 utf-8 编码！

 

在编辑里点击上图菜单栏 Build 下面那个扳手图标，出现下图：

 

 

 

在上图左边的框中输入 encoding ,然后在右边四个选项中全部选择 UTF-8 ,点击按钮 OK 设置完成！

 

接着点击项目结构图中，菜单栏 Run 下面那个按钮,如下图：

 

 

 

选择左侧的选项为 Modules , 接着选择右侧 Paths 选项卡，Compiler output ,选择 Use module compile output path 选项 ，接着点击选项右边浏览按钮继续设置此选项的地址，如下图：

 

 

因为IDEA工具默认没有给你新建 classes目录，所以你设置的时候，点击 WEB-INF 目录，再点击的新建按钮新建 classes 目录，点击 OK 完成。

 

 

 

 

接着继续点击 OK，接着设置 Test output path 和 output path ，如下图：

 

点击 Apply按钮完成设置。接着设置上图的 Dependencies 选项卡，如下图：

 

 

点击上图 Add 按钮，出现下图：

 选择第二个 2 Module Library，出现：

 

 

 

接着选择上图右边第二个Attach Jar Directories 按钮，出现下图：

 

 

点击 WEB-INF 文件夹，接着新建 lib文件夹，然后点击 OK按钮，如下图:

 

 

接着就是点击 OK 按钮继续，出现下图：

 

继续点击 OK 按钮，如下图配置效果：

 

继续点击上图 Apply 按钮完成配置，然后继续完成下面配置：

 

选择左侧 Artifacts ，给右边的 Output directory 设置为 项目目录下的 web目录，点击 OK 按钮完成

 

接着就是配置，Web Server 了。

 

回到编辑器主界面，进行下图操作：

 

点击菜单栏 Refactor 下面的 按钮 Edit Configurations，出现:

 

点击上图中最左侧加号按钮，进行下图操作：

 

选择出现下拉列表中的 Tomcat Server (此处使用 Tomcat为Web Server)，点击出现的 Local选项，如下图：

 

在 Server 选项卡中，设置 Application Server,点击 Configure 进行配置出现上图左边的窗口，在左边的窗口中选择 Tomcat home 的安装路径，点击出现上图右侧的窗口，选择tomcat的安装目录。接着就是 连续点击 2次 OK 按钮，给次 tomcat 起个名字叫 tt 

这个名字随你取。

 

接着设置 ${pageContext.request.contextPaht} 的值

 

点击 Deployment ，选择 ideaProject:war exploded 复选框，在右边填入 /test

点击按钮进入编辑器主界面。

 

Okay，设置都完成了，点击编辑器主界面菜单栏中按钮：

 此图最右边按钮，项目就开始启动了！如下图：

 

 

 

接着访问默认的首页 index.jsp 

 

http://localhost:8080/test/index.jsp

 

 

 

Okay,完毕！