搭建各种开发环境（第4篇）JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目

下面环境配置实验成功时间点：2020/10/24

事前准备

【1】操作系统：WIN10 64位，专业版

【2】Eclipse 工具(Version: 2019-12 (4.14.0))，我的百度云盘下载链接：https://pan.baidu.com/s/12CaT0iS2GkxfW8Ultpl1mg 提取码：soft

【3】Java（1.8.0_231） 我的百度云盘下载链接：https://pan.baidu.com/s/1FKypAJlP1q6Ncqyb_mvNPA 提取码：soft

复制这段内容后打开百度网盘手机App，操作更方便哦
注意事项
Eclipse如果事先安装了其他插件（我也不确定是什么插件），可能会影响到e(fx)clipse安装。会在安装过程中产生下面错误，致使安装失败。

Error文本信息如下：

An error occurred while collecting items to be installed
session context was:(profile=epp.package.jee, phase=org.eclipse.equinox.internal.p2.engine.phases.Collect, operand=, action=).
Unable to read repository at http://download.eclipse.org/efxclipse/updates-released/3.6.0/site/plugins/org.eclipse.fx.ide.pde.ui.e4_3.5.0.201907240300.jar.
Premature end of Content-Length delimited message body (expected: 8765876; received: 387059

如果是直接从官网下载的Eclipse就拿来安装，就可以成功。我是这样试成功的

★事前准备完毕后，开始搭建★

第一步 打开Eclipse
Eclipse安装完后，双击下面的图标，启动Eclipse。


创建默认的workspace。

成功打开Eclipse，关闭欢迎页面

版本如下：

第二步 安装
选择菜单项 Help => Install New Software

在打开的Work with区域，填入内容：http://mirror.bit.edu.cn/eclipse/efxclipse/updates-released/2.4.0/site/，按下回车键，然后选中下面的2个复选框，Next

选择Next。

同意协议，Finish

不记得是否有重启了，如果弹出Restart Now就选择重启。
这期间，我用了不同Workspace的图，不过不要在意这些细节。。。。

第三步 体验JavaFX
依照下面图示创建JavaFX项目

检索javafx，并选择JavaFX Project => Next

修改工程名：Katie，修改JRE => Finish。

弹出来的提示窗体我也不知道什么意思，就选择的红框按钮。

选完之后就是下面工程的样子，看起来也没什么特别的。

工程结构就是这样。

初始代码内容是下面这样的：

Main.java

package application;
	
import javafx.application.Application;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;


public class Main extends Application {
	@Override
	public void start(Stage primaryStage) {
		try {
			BorderPane root = new BorderPane();
			Scene scene = new Scene(root,400,400);
			scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
			primaryStage.setScene(scene);
			primaryStage.show();
		} catch(Exception e) {
			e.printStackTrace();
		}
	}
	
	public static void main(String[] args) {
		launch(args);
	}
}

application.css

/* JavaFX CSS - Leave this comment until you have at least create one rule which uses -fx-Property */

build.fxbuild

<?xml version="1.0" encoding="ASCII"?>
<anttasks:AntTask xmi:version="2.0" xmlns:xmi="http://www.omg.org/XMI" xmlns:anttasks="http://org.eclipse.fx.ide.jdt/1.0" buildDirectory="${project}/build">
  <deploy>
    <application name="Katie"/>
    <info/>
  </deploy>
  <signjar/>
</anttasks:AntTask>

右击Main.java，依次选中图示红框，执行Main.java

结果如下：