1. 程式人生 > >基於IDEA的JavaWeb開發環境搭建

基於IDEA的JavaWeb開發環境搭建

follow eva 用戶 tomcat bin 壓縮包 模板 地方 服務

基於IDEA的JavaWeb開發環境搭建

  • 基於IDEA的JavaWeb開發環境搭建
    • jdk下載安裝配置環境變量
      • 下載
      • 安裝
      • 配置環境變量
    • 下載安裝激活使用IntelliJ IDEA
      • 下載
      • 安裝
      • 激活
        • 1文本編輯器首先打開hosts文件在最下面一行添加如下地址
        • 2從lan yu獲取最新激活碼
        • 3在激活頁面輸入激活碼
      • 使用
        • 1創建普通Java工程
        • 2創建Web工程
    • 下載安裝配置Tomcat
      • 下載
      • 安裝
      • 配置
        • 配置Tomcat環境變量
        • IDEA工程配置Tomcat
      • 常見問題
        • Tomcat端口被占用
        • IDEA控制臺中文亂碼
    • 下載安裝配置maven
      • 下載
      • 安裝
      • 配置
        • 配置maven環境變量
        • 配置本地maven倉庫repository
        • IDEA工程配置maven
    • 下載安裝配置SVN
      • 下載
      • 安裝
      • IDEA配置
    • 下載安裝配置Git
      • 下載
      • 安裝
      • 配置
    • 哪裏寫的有問題請大家幫忙指正多謝

jdk下載、安裝、配置環境變量

下載:

JDK1.8下載路徑為:Java SE Development Kit 8 Downloads

安裝:

雙擊安裝一路下一步即可。因為安裝JDK會自動安裝JRE,所以安裝過程中彈出安裝jre的窗口是可以直接關掉的。

配置環境變量:

右鍵單擊“我的電腦”圖標,選擇“屬性”。


技術分享圖片

如果電腦桌面上沒有我的電腦圖標,按Window + E打開文件資源管理器,左側有我的電腦圖標。
點擊高級系統設置 -> 環境變量 -> 新建,填入變量名,變量值後點擊確定
技術分享圖片
需要添加的變量名和變量值分別有:

變量名:JAVA_HOME
變量值:C:\Program Files\Java\jdk1.8.0_131

變量名:CLASSPATH
變量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

選中“系統變量”下的Path,點擊編輯,在變量值的末尾加上以下內容後確定保存:

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
  • 1

技術分享圖片

配置好環境變量接下來檢驗是否成功:
Window +R,輸入cmd後點擊確定打開命令窗口,如果配贈正確輸入java會顯示如下信息:
技術分享圖片

輸入javac會提示如下信息:
技術分享圖片


下載、安裝、激活、使用IntelliJ IDEA

下載:

官網下載地址為:https://www.jetbrains.com/idea/download/#section=windows

註意選擇對應自己操作系統的版本。IntelliJ IDEA 分為“旗艦版”社區版區,區別如下
技術分享圖片
不區分32位和64位,只有一個安裝包。
旗艦版功能多有免費試用。

安裝:

一路下一步。
註意這裏選擇添加到桌面的圖標,

技術分享圖片

激活:

資金允許請支持正版:購買地址

以下激活碼來自:lan yu

1、文本編輯器首先打開hosts文件在最下面一行添加如下地址:

hosts文件路徑:C:\Windows\System32\drivers\etc\hosts
在最下面一行添加地址:0.0.0.0 account.jetbrains.com

如果提示沒有權限操作,則需要給當前windows用戶添加編輯該文件的權限:
如下面圖片所示,user用戶的權限列表中修改那一項沒有√。

技術分享圖片

如果不知道當前登錄用戶可以進行如下操作:

  • Window + R,輸入cmd打開cmd命令窗口。
  • 輸入quser按回車。

技術分享圖片

2、從lan yu獲取最新激活碼

技術分享圖片

3、在激活頁面輸入激活碼

安裝後第一次打開IDEA會自動彈出激活頁面,如果在試用過程中想輸入激活碼激活可以進行如下操作:
技術分享圖片

將激活碼輸入點擊OK.
技術分享圖片

使用:

1、創建普通Java工程:

技術分享圖片

可以從模板創建(就是添加了Main類和main方法),也可以創建空的工程,這裏選擇從Hello World模板創建。
技術分享圖片

填寫工程名稱和路徑,Main類所在的包。
技術分享圖片

設置工程:
技術分享圖片
註意:如果控制臺運行時控制臺拋錯誤Error:java:無效的源發型版本:x.x,請註意步驟4裏的語言等級可能大於jdk版本。

運行:
技術分享圖片

調試:
技術分享圖片

2、創建Web工程

技術分享圖片


下載、安裝、配置Tomcat

下載:

官網下載地址為:http://tomcat.apache.org/
選擇需要的版本進行下載。
比如我想下載windows平臺64位Tomcat9:
技術分享圖片

安裝:

下載的文件是壓縮包,解壓即可用。

配置:

配置Tomcat環境變量

和配置JDK環境變量類似:在系統變量下新建變量,

  • 變量名:CATALINA_HOME
  • 變量值:Tomcat解壓目錄,bin的上級目錄,如D:\tools\apache-tomcat-9.0.0.M22

在變量Path後添加%CATALINA_HOME%\bin;後保存;

  • Window + R打開,輸入cmd打開cmd命令窗口。
  • 輸入startup後按回車。配置沒問題會啟動Tomcat服務。

然後打開瀏覽器輸入http://localhost:8080/,如果出現以下頁面說明Tomcat環境配置正確。
技術分享圖片

IDEA工程配置Tomcat

1、在JavaWeb工程下點擊Edit Configuration

技術分享圖片

2、 在彈出的窗口中點擊+,第一次配置Tomcat列表中沒有Tomcat Service選項,需點擊最下面的xx items more(irrelevant)...,然後就能看見Tomcat Service選項。選擇Tomcat Service選項裏面的Local

技術分享圖片

3、給服務起個名字(任意),配置Tomcat解壓目錄。

技術分享圖片

4、切換到Deployment選項卡,添加Artifacts
技術分享圖片

技術分享圖片
5、再次切換回Service選項卡,參數面板會有些許變化。
技術分享圖片

6、配置完參數就可以啟動Tomcat,運行和調試和普通java工程類似。
技術分享圖片


技術分享圖片

常見問題

Tomcat端口被占用

有時候啟動Tomcat的時候會提示Address localhost:8080 is already in use.


技術分享圖片

1、第一種情況是8080端口被其他服務占用,解決辦法:
找到Tomcat解壓目錄\conf\server.xml文件,用文本編輯器打開,搜索8080,找到


技術分享圖片

修改port="8080",換一個端口號比如port="8090"
想要測試新端口號是否被占用可以進行以下操作:

  • Window + R,輸入cmd打開cmd命令窗口。
  • 輸入netstat -aon|findstr "端口號"按回車。

技術分享圖片

2、第二種情況是雖然端口8080沒被占用,但是別處已經開啟了一個Tomcat服務。
解決辦法:只需關閉Tomcat服務即可。

  • 找到Tomcat解壓目錄\bin\shutdown.bat文件,雙擊執行即可。

另外`Tomcat解壓目錄\bin\startup.bat文件是開啟Tomcat服務命令。

IDEA控制臺中文亂碼

有時候IDEA控制臺輸出中文會出現亂碼情況:


技術分享圖片

右鍵點擊IDEA圖標,選擇打開文件所在的位置,找到以下文件:

  • idea.exe.vmoptions(32位版本)
  • idea64.exe.vmoptions(64位版本)

我的文件路徑為:

?C:\Program Files (x86)\JetBrains\IntelliJ IDEA 2017.1\bin\idea.exe.vmoptions
  • 1

我用的是64位版本,所以用文本編輯器打開idea64.exe.vmoptions,在最下面一行添加以下代碼:

-Dfile.encoding=UTF-8
  • 1

同時在Tomcat參數:VM options添加相同代碼:

-Dfile.encoding=UTF-8
  • 1

技術分享圖片


下載、安裝、配置maven

下載:

官網下載地址為:http://maven.apache.org/download.cgi

安裝:

解壓即用。

配置:

配置maven環境變量

配置maven環境變量和配置JDK環境變量類似:
- 變量名:MAVEN_HOME
- 變量值:maven解壓目錄,bin的上級目錄,如D:\tools\apache-maven-3.5.0

在變量Path後添加%MAVEN_HOME%\bin;後保存;

  • Window + R打開,輸入cmd打開cmd命令窗口。
  • 輸入mvn -v後按回車。出現maven版本信息說明maven環境配置正確。

技術分享圖片

配置本地maven倉庫(repository)

系統默認使用的本地倉庫位置為:%USER_HOME%\.m2\repository,
settings.xml文件位置為:%USER_HOME%\.m2\settings.xml,
技術分享圖片

經測試,如果本地沒有這兩個路徑同時使用系統默認設置,會自動創建%USER_HOME%\.m2\repository不會創建%USER_HOME%\.m2\settings.xml,可以手動創建該文件。

如果想使用自定義的設置,需進行如下操作:

  1. %MAVEN_HOME%下新建repository文件夾(位置不強制)。
  2. 用文本編輯器打開%MAVEN_HOME%\conf\settings.xml文件,搜索localrepository,在下面添加以下代碼(內容為剛剛創建的repository文件夾絕對路徑):
<localRepository>D:\tools\apache-maven-3.5.0\repository</localRepository>
  • 1

技術分享圖片

IDEA工程配置maven

1、在IDEA軟件任意位置按Ctrl + Alt + S打開Settings設置窗口,
在①位置輸入“maven”回車搜索。設置Maven home directory,設為maven解壓目錄(bin文件夾的上一級目錄)
技術分享圖片

2、勾選兩個Override復選框,設置User settings file,設為剛剛配置好的setting.xml文件。
技術分享圖片


下載、安裝、配置SVN

下載:

小烏龜SVN官網下載:https://tortoisesvn.net/downloads.html

安裝:

各種下一步。。。
只有這個地方要註意:
技術分享圖片
到安裝目錄\bin\下查看是否有svn.exe文件,如果沒有可能是安裝過程中沒有安裝command line client tool,就是上圖。
技術分享圖片
文件夾內搜索文件有個小技巧:隨便點擊文件夾內一個文件,使焦點落在文件夾內,然後直接鍵盤輸入文件名。

IDEA配置

在IDEA軟件任意位置按Ctrl + Alt + S打開Settings設置窗口,搜索sub,找到Subversion,將command line client設為剛剛安裝的小烏龜目錄\bin\svn.exe。
技術分享圖片


下載、安裝、配置Git

下載:

官網下載地址:https://git-scm.com/downloads

安裝:

一直下一步,保存默認即可。

配置:

1、在IDEA軟件任意位置按Ctrl + Alt + S打開Settings設置窗口,搜索git,配置git.exe路徑。

技術分享圖片

2、在IDEA裏設置GitHub賬號。

技術分享圖片

3、從GitHub Repositories 克隆項目

在首頁面clone:
技術分享圖片

在一個項目中clone:
技術分享圖片

從repositories中選擇要clone的項目:
技術分享圖片

clone出的項目如下圖:
技術分享圖片

基於IDEA的JavaWeb開發環境搭建