Back to Details

tiny-vue-skill

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

TinyVue 组件库开发助手

TinyVue Component Library Development Assistant

本技能提供 TinyVue 组件库的完整开发资源，包括组件目录、API 文档、示例代码和工程配置指南，帮助用户快速生成符合规范的代码。
This skill provides complete development resources for the TinyVue component library, including component directories, API documentation, sample code, and project configuration guides, to help users quickly generate code that meets specifications.

使用时机

When to Use

  • 使用 TinyVue 组件库开发应用
  • 配置项目主题、国际化等工程设置
  • 查询组件 API 文档和示例代码
  • 编写符合 TinyVue 最佳实践的代码
  • Developing applications using the TinyVue component library
  • Configuring project engineering settings such as themes, internationalization, etc.
  • Querying component API documentation and sample code
  • Writing code that conforms to TinyVue best practices

目录结构

Directory Structure

./menus.js     - 所有组件的名称索引
./webdoc/      - 工程配置文档（安装、引入、i18n、主题等）
./apis/        - 组件 API 文档（属性、事件、插槽、类型）
./demos/       - 组件示例代码源码
./rules/       - 查找和使用规范
./menus.js     - 所有组件的名称索引
./webdoc/      - 工程配置文档（安装、引入、i18n、主题等）
./apis/        - 组件 API 文档（属性、事件、插槽、类型）
./demos/       - 组件示例代码源码
./rules/       - 查找和使用规范

使用方法

How to Use

根据任务类型，查阅对应的规则文档并严格遵循规范：
规则文档适用场景
project-setting安装 TinyVue、引入组件、配置国际化、主题、深色模式
component-use查找组件 API 文档和示例代码源码
Refer to the corresponding rule documentation and strictly follow the specifications according to the task type:
Rule DocumentApplicable Scenario
project-settingInstall TinyVue, import components, configure internationalization, themes, dark mode
component-useSearch for component API documentation and sample code source code

重要约束

Important Constraints

  • 严格遵循工程文档和组件 API 规范
  • 严禁使用其他开源库信息猜测 TinyVue 组件用法
  • 查找组件信息必须按顺序进行：组件名 → API 文档 → 示例代码
  • Strictly follow the engineering documentation and component API specifications
  • It is strictly forbidden to guess the usage of TinyVue components using information from other open source libraries
  • Component information must be searched in the following order: component name → API documentation → sample code