使用入門樣板建立 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 App。您也可以在終端機視窗中查看指令輸出，例如應用程式錯誤和警告。

目標

在本教學課程中，您將建立使用 basic 樣板的 Oracle JET 虛擬 DOM 應用程式，然後在本機 Web 瀏覽器中加以執行。

必要條件

建立包含安裝 Node.js 之 Oracle JET 虛擬 DOM 應用程式的開發環境

作業 1：開始使用基本入門樣板

  1. In your file system, in the location where you want the Oracle JET virtual DOM app to reside, open a terminal window and create the app.

    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 App

  1. 在終端機視窗中，變更為 JET-Virtual-DOM-app 目錄，然後執行應用程式。

    npx @oracle/ojet-cli serve

    Oracle JET 工具會在本機 Web 瀏覽器中執行虛擬 DOM 應用程式，您可以在其中執行測試和除錯。

  2. 關閉瀏覽器視窗。

  3. 在終端機視窗中，按 Ctrl+C，如果出現提示，請輸入 y 以結束 Oracle JET 工具批次工作。

下一步

若要繼續前往此學習進程的下一個教學課程，請按一下此處。

其他學習資源

探索 docs.oracle.com/learn 上的其他實驗室，或存取 Oracle Learning YouTube 通道上的更多免費學習內容。此外，請造訪 education.oracle.com/learning-explorer 以成為 Oracle Learning Explorer。

如需產品文件，請瀏覽 Oracle Help Center 。