通过

创建和生成代码组件

本文介绍如何使用 Microsoft Power Platform CLI 创建和部署代码组件。

先决条件

安装以下组件：

  1. Visual Studio Code （VSCode） （请确保选择 “添加到路径 ”选项）
  2. node.js （使用 LTS 版本）
  3. Microsoft Power Platform CLI （使用 Visual Studio Code 扩展）

创建新组件

打开 Visual Studio Code，通过选择 “终端>新建终端”打开新的终端窗口。

  1. 在终端窗口中，使用命令在本地计算机上创建新文件夹，例如 mkdir <Specify the folder name>。

  2. 使用命令 cd <specify your new folder path>转到新创建的文件夹。

  3. 通过使用 pac pcf init 命令传递一些基本参数来创建新的组件项目：

    pac pcf init --namespace <specify your namespace here> --name <Name of the code component> --template <component type> --run-npm-install

  4. 上述命令还会执行 npm install 来检索所有必需的项目依赖项。

  5. 在所选的任何开发人员环境中打开项目文件夹 C:\projects\My_code_Component 并开始使用代码组件开发。 要快速开始，可以在C:\projects\My_code_Component目录中打开命令提示符并运行code .。 此命令将在 Visual Studio Code 中打开组件项目。

  6. 实现组件所需的工件，例如清单、组件逻辑和样式，然后构建组件项目。 有关详细信息，请参阅 创建第一个代码组件。

构建组件

若要生成组件项目，请打开 Visual Studio Code 中包含的 package.json 项目文件夹。 使用 （Ctrl-Shift-B） 命令，然后选择生成选项。

或者，可以使用 Visual Studio Code 终端窗口中的 npm run build 命令快速生成组件，以便进行开发。 若要生成发布版本，请使用 npm run build -- --buildMode production。

小窍门

若要在生成作期间或之后调试组件，请参阅 “调试代码组件”。

在 TypeScript 中实现组件逻辑后，将所有代码组件元素捆绑到解决方案文件中。 此解决方案文件允许将解决方案导入 Microsoft Dataverse。 有关详细信息，请参阅 打包代码组件。

另请参阅

调试代码组件
打包代码组件
向列或表添加代码组件
Power Apps 组件框架 API 参考
Power Apps component framework 概述

  • Last updated on