vue-best-practices
Installation
SKILL.md
Vue Best Practices
Capability Rules
| Rule | Keywords | Description |
|---|---|---|
| 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 |
| unplugin-auto-import-conflicts | unplugin, auto-import, types any | Fix unplugin type conflicts |
| codeactions-save-performance | slow save, vscode, performance | Fix slow save in large projects |
| duplicate-plugin-detection | duplicate plugin, vite, vue plugin | Detect duplicate plugins |
| 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 |
| script-setup-jsdoc | jsdoc, script setup, documentation | Add JSDoc to script setup |
| vue-router-typed-params | route params, typed router, unplugin | Fix route params typing |
Efficiency Rules
| 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 |
Reference
📦 可用资源
skill://vue-best-practices/rules/codeactions-save-performance.mdskill://vue-best-practices/rules/data-attributes-config.mdskill://vue-best-practices/rules/deep-watch-numeric.mdskill://vue-best-practices/rules/define-model-update-event.mdskill://vue-best-practices/rules/duplicate-plugin-detection.mdskill://vue-best-practices/rules/fallthrough-attributes.mdskill://vue-best-practices/rules/hmr-vue-ssr.mdskill://vue-best-practices/rules/module-resolution-bundler.mdskill://vue-best-practices/rules/pinia-store-mocking.mdskill://vue-best-practices/rules/script-setup-jsdoc.mdskill://vue-best-practices/rules/strict-css-modules.mdskill://vue-best-practices/rules/unplugin-auto-import-conflicts.mdskill://vue-best-practices/rules/volar-3-breaking-changes.mdskill://vue-best-practices/rules/vue-directive-comments.mdskill://vue-best-practices/rules/vue-router-typed-params.mdskill://vue-best-practices/rules/vue-tsc-strict-templates.mdskill://vue-best-practices/rules/with-defaults-union-types.md
根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载
Related skills
More from tencentblueking/bk-bcs
bk-monitor-tapd-dev
根据 TAPD 单据分析开发需求并生成方案。当用户需要开发 TAPD 需求/缺陷/任务时使用。
11bk-monitor-dev-server
帮助配置和启动本地开发服务器。当用户提到启动开发服务器、dev server、pnpm dev 时使用。
1node.js 安全审查
检查 RCE、SSRF、SQL 注入、路径穿越等安全问题,支持 Express/Koa/NestJS
1蓝鲸 magicbox 3.0 组件专家规则
设计稿还原规则。先输出布局分析报告,再按需加载模版
1vite 构建产物体积优化
使用 Rollup Visualizer 分析产物,并通过拆包 (Code Splitting) 和 Tree Shaking 减少首屏体积。
1