智能数据洞察 DATAARTS INSIGHT-创建自定义组件:步骤二:下载开发者工具并制作开发包

时间:2024-12-16 18:37:03

步骤二:下载 开发者工具 并制作开发包

  1. 单击开发者平台界面右上角的“下载开发者工具”,下载开发包保存在本地。
  2. 解压压缩包配置开发包,详细开发包介绍请参见自定义组件开发包说明

    开发自定义组件需要的环境准备:node.js建议20以上版本、npm建议10.5.0以上版本。

  3. 进入insight-dev-tools文件夹,以windows系统管理员身份启用命令行(cmd),并确保在insight-dev-tools路径。

    npm install

  4. 组件内部的link连接。

    npm link

  5. 组件初始化。

    insight init
    图1 初始化
    • “1”代表初始化命令。
    • “2”代表选择语言。
    • “3”代表组件名称,用户可自定义。
    • “4”代表组件别名,用户可自定义。
    • “5”代表组件版本号,用户可自定义。
    • “6”代表组件的描述,用户根据需求自定义。

  6. 初始化后,insight-dev-tools文件夹中出现src目录,src目录中包含组件的配置目录。

    图2 src目录
    • gui.js:组件的配置,包括样式、数据和交互。
    • index.js:实现配置文件。
    • index.less:样式配置文件。
    • package.json:依赖包文件。

  7. 进入src目录,构建组件,构建后src目录下出现dist文件夹(dist文件中的index.js指的当前实现的组件包)。

    1. 进入src目录。
      cd .\src\
    2. 构建组件。
      insight build

support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0552.html