轉 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 (此處使用 TomcatWeb 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,完畢!

發佈了126 篇原創文章 · 獲贊 6 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章