智能数据洞察 DATAARTS INSIGHT-创建自定义组件:步骤二:下载开发者工具并制作开发包
时间:2025-06-12 17:16:48
步骤二:下载 开发者工具 并制作开发包
- 单击自定义组件界面右上角的“下载开发者工具”,下载开发包保存在本地。
- 解压压缩包配置开发包,详细开发包介绍请参见自定义组件开发包说明。
开发自定义组件需要的环境准备:node.js建议20以上版本、npm建议10.5.0以上版本。
- 进入insight-dev-tools文件夹,以windows系统管理员身份启用命令行(cmd),并确保在insight-dev-tools路径。
npm install
- 组件内部的link连接。
npm link
- 组件初始化。
insight init
图1 初始化- “1”代表初始化命令。
- “2”代表选择语言。
- “3”代表组件名称,用户可自定义。
- “4”代表组件别名,用户可自定义。
- “5”代表组件版本号,用户可自定义。
- “6”代表组件的描述,用户根据需求自定义。
- 初始化后,insight-dev-tools文件夹中出现src目录,src目录中包含组件的配置目录。
图2 src目录
- gui.js:组件的配置,包括样式、数据和交互。
- index.js:实现配置文件。
- index.less:样式配置文件。
- package.json:依赖包文件。
- 进入src目录,构建组件,构建后src目录下出现dist文件夹(dist文件中的index.js指的当前实现的组件包)。
- 进入src目录。
cd .\src\
- 构建组件。
insight build
- 进入src目录。
support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0552.html