前言

Visual Studio Code簡稱VS Code是目前AI工具整合相當完善的IDE，寫前端已是滿主流使用的IDE，若能使用它寫Java這樣全端工程師就可以省去多學一套IDE工具，是不是相當棒呢

必要插件安裝與設定

1. Extension for Java Pack
   
   內含6個Extension，Maven也包含其中
   
   透過Command Palette Ctrl+Shift+P可以叫出command列輸入
   

• Java Extension Guide有其他建議安裝的Java Extension可直接點選下載
• Tips for Beginners有著基本的操作說明

2. 安裝Community Server Connectors extension
   此套件作為開發Java Web專案連線Application Server之用
   
3. Java設定
   選取齒輪中的settings，user是全域設定，workspace是工作區域會存在.vscode/settings.json
   
   往下可以看到maven設置位置
   

maven專案創建

在你的workspace路徑列輸入code.cmd .，開啟以當前資料夾作為vscode開啟目錄

右鍵選取maven project

選取常用的maven-archetype-webapp

選取1.4版

輸入groupid

輸入artifactid

選擇當前目錄直接enter

此時terminal執行maven命令

於command line cd進入demo-vscode 再輸入code . -r會以當前vscode開啟demo-vscode為根目錄的專案

左邊editor右鍵可以將maven viewer叫出來

maven專案匯入

直接在你的maven專案夾路徑直接輸入code.cmd .，vscode會依據pom文件識別為maven專案

maven基本使用

可以在左側maven view的地方選取lifecycle執行或是plugin goal執行

點選Favorites可以設定執行組合，筆者設定的是clean package -DskipTests(清理打包但不執行測試)

在pom檔透過 Command Palette (Ctrl+Shift+P) maven:add搜尋新增套件

跑起你的web專案

在左側欄servers view中選取servers view，創建application server

選取Yes，會看到支援的application server，這邊選取tomcat11

deploy war檔，右鍵選取add deployment，選取target/demo-vscode.war

訪問頁面，右鍵選取Server Action

選取show in browser

選取訪問localhost:8080/demo-vscode

看到首頁

小結

今日講解了VS code整合maven的使用與相關配置，並講述VS code與application server整合並部署war檔

Reference

• Getting Started with Java in VS Code - vscode doc
• VSCode使用者與工作區設定 - iThome鐵人賽 缺乏咖啡因的韋恩
• Java build tool - vscode doc
• Command line help - vscode doc