參加你附近的 ,瞭解 VS Code 中的 AI 輔助開發。

在 VS Code 中使用 GUI 應用程式

你可以輕鬆地在 Visual Studio Code 中開發 Java GUI 應用程式。為此,你需要安裝 Java 擴充套件包,其中包含了開發 Java GUI 應用程式所需的所有擴充套件。

安裝 Extension Pack for Java

如果您在使用以下功能時遇到任何問題,可以透過提交問題聯絡我們。

開發 JavaFX 應用程式

建立一個新的 JavaFX 專案

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

  • 第 1 步:安裝 Java 擴充套件包
  • 第 2 步:在 Visual Studio Code 中,開啟命令面板(⇧⌘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 目標:javafx:run

注意:確保你已安裝 Maven for Java 擴充套件。如果找不到 Maven 資源管理器,請開啟命令面板(⇧⌘P (Windows、Linux Ctrl+Shift+P)),然後選擇命令 Explorer: Focus on Maven View

更多 JavaFX 示例

更多 JavaFX 專案示例可以在 openjfx 示例倉庫中找到,它涵蓋了不同的專案結構(如 Gradle 和非託管資料夾專案)。每個示例都有文件說明如何執行程式。

開發 AWT 應用程式

預設情況下,來自抽象視窗工具包 (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 示例。