练习 – 新建模块

  • 10 分钟

作为 Fabrikam 公司的电子商务开发人员，您被要求创建一个新模块。 公司想要创建一个名为 Product-feature 的简单模块。

在本练习中，您将执行以下任务：

  1. 使用 Visual Studio Code 创建一个新模块。
  2. 更新模块中的内容。

开始之前

您将需要一个已安装开发工具和 SDK 的环境并且具有 Visual Studio Code。

新建模块

要创建新模块，请按照以下步骤操作：

  1. 复制 CLI 命令

    yarn msdyn365 add-module product-feature

  2. 打开 Visual Studio Code 并选择终端 > 新终端窗口（确保本窗口为命令提示窗口，而不是 PowerShell）。

  3. 在新终端窗口中，粘贴所复制的命令，然后选择 Enter 以运行命令。

  4. 在同一窗口中，使用命令 yarn start 运行节点服务器。

  5. 在沙盒环境 (https://localhost:4000/_sdk/allmodules) 中，选择产品功能模块，本模块将显示所定义的默认内容。

  6. 要更新内容，请返回到 VS Code>Modules>product-feature>product-feature.view.tsx 文件。

  7. 打开文件并更新 HTML 格式的 <h2> 标记中的内容。 在配置值前输入 Hello，然后在资源值前输入 World。

  8. 选择保存。

  9. 刷新该页面。 前两行应先显示 Hello World，然后显示其他文本。