关于 uniappx-project
面向使用 Vue 3、TypeScript 和 Vite 构建 uni-app-x 应用的文档技能,按组件和 API 组织示例与参考资料,并提供官方链接及平台兼容信息。
主要功能
- 01内置组件示例
- 02按类别整理 API 示例
- 03官方文档链接
- 04参数与返回值参考
- 05平台兼容性详情
适用场景
- 01查找 uni-app-x 组件示例
- 02核对 API 参数和返回值
- 03确认组件或 API 的平台支持情况
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ full-stack-skills/ uniapp-skills --skill uniappx-project安装后在 Claude Code 中输入/uniappx-project确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
agents/openai.yamlexamples/api/device/get-battery-info.mdget-network-type.mdget-screen-brightness.mdget-system-info.mdset-screen-brightness.mdexamples/api/file/get-file-info.mdget-saved-file-list.mdsave-file.mdexamples/api/location/choose-location.mdget-location.mdopen-location.mdexamples/api/media/choose-image.mdchoose-media.mdchoose-video.mdget-image-info.mdpreview-image.mdsave-image-to-photos-album.mdexamples/api/navigation/navigate-back.mdnavigate-to.mdre-launch.mdredirect-to.mdswitch-tab.mdexamples/api/network/download-file.mdrequest.mdupload-file.mdexamples/api/storage/clear-storage.mdget-storage-info.mdget-storage-sync.mdget-storage.md详细介绍
何时使用此技能
当用户想要执行以下操作时,请使用此技能:
- 使用任何 uni-app-x 内置组件
- 使用任何 uni-app-x API(网络、存储、设备、UI、导航、媒体等)
- 通过官方文档链接访问单个组件或 API 的示例
- 查看 uni-app-x 中组件和 API 的平台兼容性
- 使用 Vue 3 + TypeScript + Vite 构建 uni-app-x 应用
如何使用此技能
此技能的组织方式与 uni-app-x 官方组件和 API 文档相对应:
-
选择组件或 API 类别:
- 组件 →
examples/components/built-in/ - API →
examples/api/(按领域分类)
- 组件 →
-
打开对应的示例文件:
- 每个组件或 API 都有自己的示例文件
- 每个示例都包含官方文档 URL
- 示例与官方文档中的示例一致
-
需要完整规范时,使用参考资料:
- 内置组件:
references/components/built-in/ - API 参数、返回值和兼容性详情:
references/api/
- 内置组件:
示例和参考资料
组件(内置)
- 示例:
examples/components/built-in/*.md - 参考资料:
references/components/built-in/*.md - 官方文档:https://doc.dcloud.net.cn/uni-app-x/component/
API
- 示例:
examples/api/{category}/*.md - 参考资料:
references/api/*.md - 官方文档:https://doc.dcloud.net.cn/uni-app-x/api/
最佳实践
- 每个组件或 API 单独使用一个文件:每个组件和 API 都有独立的示例文件,并附有官方文档链接。
- 遵循平台兼容性要求:查看每个示例或参考资料中的兼容性部分。
- 使用条件编译:使用
#ifdef/#endif实现特定平台的逻辑。 - 保持示例一致:以官方文档中的示例为准。
- 规范详情优先查阅参考资料:使用
references/查看完整的参数表和兼容性信息。
资源
- 组件:https://doc.dcloud.net.cn/uni-app-x/component/
- API:https://doc.dcloud.net.cn/uni-app-x/api/
- uni-app-x:https://doc.dcloud.net.cn/uni-app-x/
关键词
uniappx, uni-app-x, 组件, API, 内置组件, 示例, 参考资料, Vue 3, TypeScript, Vite, H5, App, 小程序, 跨平台, 组件, API, 官方文档
评论
支持 Markdown