使用入门模板创建 Oracle JET 虚拟 DOM 应用程序

简介

此教程演示如何创建使用 basic 启动程序模板的 Oracle JavaScript Extension Toolkit (Oracle JET) 虚拟 DOM 应用程序。您将使用 npx Node.js 软件包运行程序访问 Oracle JET 命令行界面软件包提供的 create 命令。

使用 Oracle JET 开发虚拟 DOM 应用既简单又高效。为了帮助您入门，Oracle JET 提供了 basic 入门模板，其中添加了预配置的页面和许多组件。

可以使用 Oracle JET 命令行界面软件包附带的 Oracle JET 工具，从终端窗口创建和运行 Oracle JET 虚拟 DOM 应用程序。您还可以在终端窗口中查看命令输出，例如应用程序错误和警告。

目标

在本教程中，您将创建一个使用 basic 模板并在本地 Web 浏览器中运行的 Oracle JET 虚拟 DOM 应用程序。

Prerequisites

设置为创建包括 Node.js 安装的 Oracle JET 虚拟 DOM 应用程序的开发环境

任务 1：使用基本入门模板

  1. 在文件系统中，在您希望 Oracle JET 虚拟 DOM 应用程序驻留的位置，打开终端窗口并创建应用程序。

    npx @oracle/ojet-cli create JET-Virtual-DOM-app --template=basic --vdom

    Oracle JET 工具会在 JET-Virtual-DOM-app 文件夹中创建应用程序，并显示进度消息，直到完成。

  2. 等待确认。

    Your app is ready! Change to your new app directory 'JET-Virtual-DOM-app'
and try 'ojet build' and 'ojet serve'.

任务 2：运行虚拟 DOM 应用程序

  1. 在终端窗口中，转到 JET-Virtual-DOM-app 目录并运行应用程序。

    npx ojet serve

    Oracle JET 工具在本地 Web 浏览器中运行虚拟 DOM 应用程序，您可以在其中执行测试和调试。

  2. 关闭浏览器窗口。
  3. 在终端窗口中，按 Ctrl+C，如果出现提示，则输入 y 以退出 Oracle JET 工具批处理作业。

后续步骤

继续本模块中的下一个教程。

本教程是 Your First Oracle JET Virtual DOM App 模块的一部分。

您可以返回到虚拟 DOM 学习路径的主页，以访问有关构建虚拟 DOM 应用程序的所有模块。

更多学习资源

通过 docs.oracle.com/learn 浏览其他实验室，或者通过 Oracle Learning YouTube 频道访问更多免费学习内容。此外，请访问 education.oracle.com/learning-explorer 以成为 Oracle Learning Explorer。

有关产品文档，请访问 Oracle 帮助中心。