SuperAPI AI 工具集

igniteui-wc-integrate-with-framework

前端与建站

查看项目

更新于 10-23 00:25

技能介绍

用途:将 Ignite UI Web Components 集成到指定前端框架或平台的应用中。技能会先识别目标框架,然后加载对应的分步集成参考文档,帮助完成安装与接入。

主要能力:支持 React、Angular、Vue 3、LitElement 以及原生 JavaScript/HTML。识别框架时依次检查项目信号,例如 package.json 中的依赖、文件扩展名(.tsx/.jsx、.vue、.component.ts 等)、入口文件调用(createRoot、bootstrapApplication、createApp)、构建配置里的插件等。技能提供包路由规则,按组件类型选择依赖包:通用 UI 组件使用 igniteui-webcomponents;高级表格使用 igniteui-webcomponents-grids(试用)或 @infragistics/igniteui-webcomponents-grids(授权);Grid Lite 使用 igniteui-grid-lite;Dock Manager 使用 igniteui-dockmanager(试用)或 @infragistics/igniteui-dockmanager(授权);图表使用 igniteui-webcomponents-charts(试用)或 @infragistics/igniteui-webcomponents-charts(授权)。若请求仅说“grid”,则根据所需功能选择:编辑、分页、排序、筛选、摘要、分组、分层数据或透视功能使用 igniteui-webcomponents-grids;轻量表格数据使用 igniteui-grid-lite。

使用方式:先根据项目上下文识别框架。若检测到 React 相关证据则加载 react.md;Angular 则加载 angular.md;Vue 3 则加载 vue.md;原生 JS/HTML/LitElement 则加载 vanilla-js.md。若无法确定框架,技能会直接询问用户使用哪种框架或平台,再加载匹配参考。每个框架参考文件包含安装、主题导入(样式所需)、组件注册、使用示例、TypeScript 支持、平台特定注意事项和常见问题。技能提示:不要假设所有设置流程都使用 igniteui-webcomponents;若 package.json 缺少必要包,应先添加或安装正确的 Ignite UI 依赖,但 package.json 中不存在的包仍可能有效。

适用场景:用户想在框架项目中添加 igniteui-webcomponents,遇到框架特定的集成问题,需要组件导入和注册帮助,或询问 React、Angular、Vue、原生 JS 的设置方式。

限制:资料未提供各框架参考文件的具体安装命令、代码示例、主题导入细节、TypeScript 配置和常见问题清单内容,这些需查阅对应参考文件;也未说明授权版本的价格、购买方式或试用期限。