使用入門樣板建立 Oracle JET 虛擬 DOM App

簡介

本教學課程示範如何使用 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 樣板的 Oracle JET 虛擬 DOM 應用程式，然後在本機 Web 瀏覽器中執行。

必備條件

用來建立 Oracle JET 虛擬 DOM 應用程式 (包括安裝 Node.js) 的開發環境

工作 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 Help Center 。