如何在Visual Studio Code中使用JavaFX开发项目（jdk-16.0.2.7-hotspot环境）

你使用的 jdk-16.0.2.7-hotspot 完全可以在 VS Code 中正常使用 JavaFX。JavaFX 从 JDK 11 版本起从官方标准库中剥离为独立组件，只要匹配兼容版本的 JavaFX SDK 即可正常部署运行，JavaFX 16/17 版本均可完美适配 JDK 16。

前置准备 #

• 先确保你的 VS Code 已经安装了 Extension Pack for Java 插件，这是 VS Code 进行 Java 开发的基础依赖插件。
• 下载对应操作系统的 JavaFX 16 或 17 SDK 压缩包，解压到本地无中文、无特殊字符、无空格的目录中备用。

项目创建与配置 #

1. 按下 Ctrl+Shift+P（Mac 系统为 Command+Shift+P）调出命令面板，输入 Java: Create Java Project，在弹出的选项中选择 JavaFX 类型，按照提示输入项目名、包名即可完成基础项目初始化。
2. 打开项目根目录下 .vscode 文件夹中的 launch.json 文件，在项目对应的运行配置项中添加 vmArgs 参数，将路径替换为你本地解压的 JavaFX SDK 下的 lib 目录路径：

   "vmArgs": "--module-path 「替换为你的本地路径」/javafx-sdk-16/lib --add-modules javafx.controls,javafx.fxml,javafx.base,javafx.graphics,javafx.media,javafx.web"
   

   如果你的项目不需要用到媒体、网页相关能力，也可以按需裁剪--add-modules后面的模块列表，只保留需要的模块即可。

验证运行 #

找到项目自动生成的主启动类（继承自Application类、包含start方法），点击编辑器右上角的运行按钮，若能正常弹出 JavaFX 程序窗口即代表配置成功。

• 若运行提示找不到 JavaFX 相关类，优先检查--module-path对应的路径是否正确，路径不要包含中文、空格或者特殊字符，避免系统识别失败。
• 若 FXML 页面无法正常加载，确认你已经在--add-modules列表中添加了javafx.fxml模块。

内容的提问来源于stack exchange，提问作者user16840210