（idea版本）下载javaFX和配置环境详细大全

秒速五厘米 2023-09-24 13:21 64阅读 0赞

## 前言必读 ##

> [读者手册（必读）\_云边的快乐猫的博客-CSDN博客][-CSDN]

前言：文章中使用的是2022版本的idea，使用的jdk是17的版本，下载的javafx是19版本的，都是最新的

**一、下载javaFX的SDK压缩包**

**1.**进入这网站里面下载，这是专门提供这个[javafx下载的][javafx]，这个标红是提示可以选择不同的版本的。

[嫌麻烦的可以直接去我个人博客资源里面获取压缩包][Link 1]下载或者关注我的公众号云边的快乐猫，回复mf73即可免费领取文章中的安装包

![10f4490764c3477ab77332f2828a0569.png][]

**2.**我选择的是19版本的SDK下载

![4499371398db4c6798b5b33709f76359.png][]

3.下载到本地后记得解压这个压缩包

**二、在idea里面配置环境**

**4.**打开idea，左上角点击File，点击这个

![0949e6e2cb2a44b39300cf78b007694e.png][]

**5.**点击Libraries，然后点击+号，再点击java

![184f8e571b1c4a308283dae0da11fe57.png][]

**6.**选择已经解压好的lib包下面的全部jar包（按住CTRL+鼠标选中），然后点击ok

![51a6909b096b437fa0f8c28b2c7ee830.png][]

**7.**这里选中模块，可以选中自己要使用的模块，点击ok就好了

![3c4faec09fe6416384cb1ff76150497b.png][]

**8.**点击右下角的ok就好了

![9781e3e9fd7a43dda1aadbe229bbda86.png][]

**9.**新建一个类：JavaFx01

package learn3;
    import javafx.application.Application;
    import javafx.scene.Scene;
    import javafx.scene.layout.VBox;
    import javafx.scene.shape.Line;
    import javafx.stage.Stage;
    
    public class JavaFx01 extends Application{
    
        @Override
        public void start(Stage stage) {
            VBox box = new VBox();
            final Scene scene = new Scene(box,300, 250);
            scene.setFill(null);
    
            Line line = new Line();
            line.setStartX(0.0f);
            line.setStartY(0.0f);
            line.setEndX(100.0f);
            line.setEndY(100.0f);
    
            box.getChildren().add(line);
    
            stage.setScene(scene);
            stage.show();
        }
    
        public static void main(String[] args) {
            launch(args);
        }
    }

**10.****配置运行组件**，右上角点击这个

![be988acb99bb4e7bb56a78810265ac28.png][]

**11. 这里快捷键****alt+v,****然后再里面输入**\--module-path "**这个是自己解压的javaFX的lib包地址**" --add-modules javafx.controls,javafx.fxml**（本类生效，完成后点击ok就好）**

![12c1dd40977b483fbaadfade683f6344.png][]

**12.****点击这里**

![58eb2974ad3b498db7f417a19a39abc4.png][]

**13.**选择这个

![2b6af136e9f34731b9c8e09f64033968.png][]

**14.****这里快捷键****alt+v,****然后再里面输入**\--module-path "**这个是自己解压的javaFX的lib包地址**" --add-modules javafx.controls,javafx.fxml**（全局生效，完成后点击ok就好）**

![eb480737e43a4b1082b3661a2d85c2de.png][]

输入完成后点击ok就好

**三、运行测试**

**15.**运行刚刚那个类

![63f3ca5c20394a4ca805946727610c82.png][]

**16.**运行结果：

运行成功

![158bed4bdee64616a2c2e4db6cfabcd2.png][]

**如果你觉得本篇文章对你有所帮助的，给个一键三连吧！！！**

**点赞关注收藏，抱拳了！**

[-CSDN]: https://blog.csdn.net/m0_52861000/article/details/128148568?spm=1001.2014.3001.5501
[javafx]: https://gluonhq.com/products/javafx/
[Link 1]: https://download.csdn.net/download/m0_52861000/86799446
[10f4490764c3477ab77332f2828a0569.png]: https://img-blog.csdnimg.cn/10f4490764c3477ab77332f2828a0569.png
[4499371398db4c6798b5b33709f76359.png]: https://img-blog.csdnimg.cn/4499371398db4c6798b5b33709f76359.png
[0949e6e2cb2a44b39300cf78b007694e.png]: https://img-blog.csdnimg.cn/0949e6e2cb2a44b39300cf78b007694e.png
[184f8e571b1c4a308283dae0da11fe57.png]: https://img-blog.csdnimg.cn/184f8e571b1c4a308283dae0da11fe57.png
[51a6909b096b437fa0f8c28b2c7ee830.png]: https://img-blog.csdnimg.cn/51a6909b096b437fa0f8c28b2c7ee830.png
[3c4faec09fe6416384cb1ff76150497b.png]: https://img-blog.csdnimg.cn/3c4faec09fe6416384cb1ff76150497b.png
[9781e3e9fd7a43dda1aadbe229bbda86.png]: https://img-blog.csdnimg.cn/9781e3e9fd7a43dda1aadbe229bbda86.png
[be988acb99bb4e7bb56a78810265ac28.png]: https://img-blog.csdnimg.cn/be988acb99bb4e7bb56a78810265ac28.png
[12c1dd40977b483fbaadfade683f6344.png]: https://img-blog.csdnimg.cn/12c1dd40977b483fbaadfade683f6344.png
[58eb2974ad3b498db7f417a19a39abc4.png]: https://img-blog.csdnimg.cn/58eb2974ad3b498db7f417a19a39abc4.png
[2b6af136e9f34731b9c8e09f64033968.png]: https://img-blog.csdnimg.cn/2b6af136e9f34731b9c8e09f64033968.png
[eb480737e43a4b1082b3661a2d85c2de.png]: https://img-blog.csdnimg.cn/eb480737e43a4b1082b3661a2d85c2de.png
[63f3ca5c20394a4ca805946727610c82.png]: https://img-blog.csdnimg.cn/63f3ca5c20394a4ca805946727610c82.png
[158bed4bdee64616a2c2e4db6cfabcd2.png]: https://img-blog.csdnimg.cn/158bed4bdee64616a2c2e4db6cfabcd2.png