by antfu
Vue 3 项目经常面临类型检查问题、保存速度慢和配置问题。本技能提供精选的解决方案，涵盖 Vue 组件类型定义、Volar 配置以及常见的 Vue 3 开发问题。
1. 打开 Claude 聊天界面
2. 点击下方 "📋 复制" 按钮
3. 粘贴到 Claude 聊天框中并发送
4. 输入 "使用 vue-best-practices 技能" 开始使用
=== vue-best-practices 技能 === 作者: antfu 描述: Vue 3 项目经常面临类型检查问题、保存速度慢和配置问题。本技能提供精选的解决方案，涵盖 Vue 组件类型定义、Volar 配置以及常见的 Vue 3 开发问题。 使用方法: 1. 调用技能: "使用 vue-best-practices 技能" 2. 提供相关信息: 根据技能要求提供必要参数 3. 查看结果: 技能会返回处理结果 示例: "使用 vue-best-practices 技能，帮我分析一下这段代码"
这种方法适用于所有 Claude 用户，不需要安装额外工具。
productivity
safe
| Rule | Keywords | Description |
|---|---|---|
| extract-component-props | get props type, wrapper component, extend props, inherit props, ComponentProps | Extract types from .vue components |
| vue-tsc-strict-templates | undefined component, template error, strictTemplates | Catch undefined components in templates |
| fallthrough-attributes | fallthrough, $attrs, wrapper component | Type-check fallthrough attributes |
| strict-css-modules | css modules, $style, typo | Catch CSS module class typos |
| data-attributes-config | data-*, strictTemplates, attribute | Allow data-* attributes |
| volar-3-breaking-changes | volar, vue-language-server, editor | Fix Volar 3.0 upgrade issues |
| module-resolution-bundler | cannot find module, @vue/tsconfig, moduleResolution | Fix module resolution errors |
| define-model-update-event | defineModel, update event, undefined | Fix model update errors |
| with-defaults-union-types | withDefaults, union type, default | Fix union type defaults |
| deep-watch-numeric | watch, deep, array, Vue 3.5 | Efficient array watching |
| vue-directive-comments | @vue-ignore, @vue-skip, template | Control template type checking |
| vue-router-typed-params | route params, typed router, unplugin | Fix route params typing |
| Rule | Keywords | Description |
|---|---|---|
| hmr-vue-ssr | hmr, ssr, hot reload | Fix HMR in SSR apps |
| pinia-store-mocking | pinia, mock, vitest, store | Mock Pinia stores |
View Count
0
Download Count
0
Favorite Count
0
Quality Score
63