IntelliJ IDEA配置與搭建web專案入門使用

Codeagles發表於2018-07-10

版權宣告:本文為 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配置完成。

jdk.png

這裡要說一下,如果點選上一步下拉的時候沒有JDK版本選擇,點選左側SDKs,然後點選“+”,選擇JDK,然後找自己下載的JDK安裝的目錄,就可以瞭然後再回來發現就會有這個下拉選項了。

然後繼續點選“Configure”->"Preferences"

Preferences.png

然後配置快捷鍵,IDEA提供很多快捷鍵,在右側keymaps下拉框選擇自己喜歡或者習慣的快捷方式,當然如果都沒有,可以選擇一個相近的然後點選右側Copy進行個性化定製屬於自己的快捷鍵,這裡就是提一下,具體設定,自由發揮吧。

keymap.png

配置快捷鍵後,繼續點選下面的“Build, ...”,配置Java編譯版本,保持和關聯的JDK一致即可。

配置.png

全部搞定後,到此我們完成IDEA基礎配置。我們進入下一個階段,專案搭建。

####Web專案搭建 #### 回到圖一中,建立一個新專案“Create New Project”。勾選JAVA EE中的Web這個選項,下面具體的框架配置檔案取決於自己專案,這個專案不需要Struts框架就不勾選了。然後下面有一個“Create web.xml”勾選上,方便以後進行配置】,然後“Next”。

建立專案.png

接下來給專案取名字。

IntelliJ IDEA配置與搭建web專案入門使用

點選完成,就會看到如圖一樣的專案成功搭建好了,等待環境建立載入就OK了,專案結構是這樣的。

建立成功.png

接下來我們來執行這個專案,執行的話這裡所用的伺服器是Tomcat,我們來配置Tomcat。

編輯.png

然後進行新增一個新的Tomcat。

建立Tomcat.png

進行配置。

配置tomcat.png

從上到下

  • Name:隨意起一個Tomcat的名字

  • Application Server:下拉選擇已經安裝好的Tomcat版本。如果下拉沒有版本,點選右側的“Configure...”按鈕,然後點選“+”按鈕,在彈出的框中配置好自己的檔案就可以了。

    IntelliJ IDEA配置與搭建web專案入門使用

  • After launch:預設啟動的瀏覽器 下面地址為專案啟動的首頁index.jsp預設地址

  • JRE: 選擇執行時的jre,建議通過下拉,選擇自己的jdk版本,不用預設的。

  • HTTP port:Tomcat的埠號,一般來說預設8080就好,以後根據專案可能更改,如8088,80等等,總之,知道在這裡改就好了。

然後點選Apply,之後點選上面的“Deployment”進行專案部署的配置。

部署.png

部署成功.png

這樣配置好後,點選OK,這個配置是執行Tomcat的時候,專案會打壓成war自動釋出到Tomcat中執行。到此,完成了web專案的搭建。

測試執行

點選index.jsp。修改一下jsp內容,修不修改為所謂,就是方便觀看而已。

IntelliJ IDEA配置與搭建web專案入門使用

配置好的Tomcat在紅框中會顯示出來,然後點選右側的鍵,開始執行。等待瀏覽器的結果。如圖,成功。完成了專案的搭建部署。

IntelliJ IDEA配置與搭建web專案入門使用

補充說明

根據專案結構,會發現src資料夾下面是空的,我們沒有地方寫程式碼,這個時候我們來到src檔案上右鍵,建立兩個資料夾,名字分別為“java”,“resources”。

建立資料夾

此時資料夾建立好後,在這兩個資料夾上面分別右鍵設定。

image.png

至此,專案才算是真正完成了,可以建立Java程式碼以及資原始檔了。 Done.

相關文章