在 VS Code 中使用 GUI 應用程式

您可以輕鬆地在 Visual Studio Code 中開發 Java GUI 應用程式。若要達成此目的，您需要安裝 Extension Pack for Java，其中包含開發 Java GUI 應用程式所需的所有擴充功能。

安裝 Extension Pack for Java

如果您在使用以下功能時遇到任何問題，可以透過提交 issue (問題單) 來與我們聯繫。

開發 JavaFX 應用程式

建立新的 JavaFX 專案

您只需幾個步驟即可在 VS Code 中建立新的 JavaFX 應用程式

步驟 1：安裝 Extension Pack for Java。
步驟 2：在 Visual Studio Code 中，開啟命令選擇區 (Command Palette)（⇧⌘P (Windows, Linux Ctrl+Shift+P)），然後選取 Java: Create Java Project 指令。
步驟 3：在清單中選取 JavaFX 選項，並依照精靈指示操作，這將協助您透過 Maven Archetype 建立新的 JavaFX 專案架構。

create JavaFX project

執行 JavaFX 應用程式

注意：以下指引僅適用於由 Maven 管理的專案。所產生的專案至少需要 JDK 11 才能啟動。請確保您的本機已安裝 JDK 11，並將安裝路徑設定於 java.configuration.runtimes 設定中。

若要執行 JavaFX 應用程式，您可以開啟 Maven 總管，展開 hellofx > Plugins > javafx 並執行 Maven 目標 (goal)：javafx:run。

注意：請確保您已安裝 Maven for Java 擴充功能。如果您找不到 Maven 總管，請開啟命令選擇區（⇧⌘P (Windows, Linux Ctrl+Shift+P)），然後選取 Explorer: Focus on Maven View 指令。

開發 AWT 應用程式

預設情況下，來自 Abstract Window Toolkit (AWT) 的類型是隱藏的。您可能會發現開發 AWT 應用程式時程式碼自動完成功能無法運作。若要啟用自動完成，您可以開啟命令選擇區（⇧⌘P (Windows, Linux Ctrl+Shift+P)），然後選取 Java: Help Center 指令。前往 Student 區段並選取 Enable AWT Development。

注意：此動作會更新工作區層級 .vscode\settings.json 中的 java.completion.filteredTypes 設定，因此請確保您已在 VS Code 中開啟一個工作區。

您可以使用下方的範例程式碼，在 VS Code 中執行簡單的 Java AWT 應用程式。

import java.awt.*;
import java.awt.event.*;

public class AwtExample extends Frame {
  public AwtExample() {
    Button btn = new Button("Button");
    btn.setBounds(50, 50, 50, 50);
    add(btn);
    setSize(150, 150);
    setTitle("This is my First AWT example");
    setLayout(new FlowLayout());
    setVisible(true);
    addWindowListener(new WindowAdapter() {
        public void windowClosing(WindowEvent we) {
            dispose();
        }
    });
  }

  public static void main(String args[]){
    new AwtExample();
  }
}

開發 Swing 應用程式

Swing 應用程式開發預設即受支援。您可以直接編寫 Swing 應用程式程式碼，無需任何設定。

您可以在 Oracle Swing 說明文件中找到更多 Swing 範例。

10/11/2022