mcpField
V
vite

vite

github.com/full-stack-skills开发072 次安装5 周前更新
代码仓库

关于 vite

vite 是面向 Vite 开发者的技能，涵盖指南、配置、插件、API 和部署等主题。它将问题映射到与官方文档对应的本地示例，包括 Vite 中文站内容。

主要功能

  1. 01将主题映射到指南示例
  2. 02涵盖 Vite 配置参考
  3. 03提供插件选择指引
  4. 04包含 CLI、HMR 和 JavaScript API
  5. 05涉及 SSR 与部署主题

适用场景

  1. 01查找 Vite 功能相关指引
  2. 02查询配置选项
  3. 03选择 Vite 插件
  4. 04查看 SSR 或部署指引

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/full-stack-skills/build-skills --skill vite

安装后在 Claude Code 中输入/vite确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

agents/
openai.yaml
api/
cli.md
config.md
plugin-api.md
examples/config/
build-options.md
configuring-vite.md
dep-optimization-options.md
preview-options.md
server-options.md
shared-options.md
ssr-options.md
worker-options.md
examples/guide/
api-environment-frameworks.md
api-environment-instances.md
api-environment-plugins.md
api-environment-runtimes.md
api-environment.md
api-hmr.md
api-javascript.md
api-plugin.md
assets.md
backend-integration.md
build.md
cli.md
dep-pre-bundling.md
env-and-mode.md
features.md
getting-started.md
migration.md
performance.md

详细介绍

适用场景

在用户希望进行以下操作时使用此技能：

  • 按照 Vite 指南了解从入门到性能优化的主题
  • 使用官方配置参考配置 Vite
  • 从官方插件页面选择或了解 Vite 插件
  • 使用 Vite CLI、HMR API 或 JavaScript API
  • 处理 Vite 中的 SSR、后端集成或部署场景

使用方法

  1. 确定主题，根据用户请求进行判断。
  2. 打开匹配的指南示例文件，路径为 examples/guide/。
  3. 如果需要配置，打开匹配的 examples/config/ 文件。
  4. 如果需要选择插件，打开 examples/plugins.md。
  5. 逐字遵循官方文档，并确保输出与所引用的页面一致。
指南映射（一一对应 https://cn.vitejs.dev/guide/）

简介

指南

API

环境 API

配置映射（一一对应 https://cn.vitejs.dev/config/）
插件映射（一一对应 https://cn.vitejs.dev/plugins/）

资源

关键词

Vite，构建工具，开发服务器，HMR，配置，插件，SSR，CLI，依赖预打包，资源

评论

支持 Markdown