codebuddy可辅助生成pinia/vuex状态管理代码：一、基于项目上下文生成pinia store文件；二、从组件dispatch调用反向生成vuex module；三、自动补全pinia action类型签名；四、跨文件同步vuex mutation类型常量。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您希望使用 CodeBuddy 辅助编写 Pinia 或 Vuex 的前端状态管理代码，则可能是由于手动编写 store 结构、actions 类型定义或模块拆分时存在重复劳动或类型不一致问题。以下是针对该需求的具体操作方式：
一、基于项目上下文生成 Pinia store 文件
CodeBuddy 可通过识别当前 Vue 3 项目结构与 TypeScript 类型定义，自动生成符合官方推荐规范的 Pinia store。它会读取已有的接口文件（如 api/models.ts）和组件中使用的 state 字段名，推导出初始 state 形状及配套 actions。
1、在 VS Code 中打开一个 Vue 3 + TypeScript 项目，并确保已安装 @pinia/core 和 pinia 插件。
2、右键点击 stores 目录，选择 “CodeBuddy: Generate New Store”。
3、在弹出输入框中键入 store 名称（例如 user），并指定是否启用持久化（useLocalStorage）。
4、确认后，CodeBuddy 将创建 user.store.ts，包含 defineStore 调用、state 定义、getters 声明及 actions 实现，且所有 action 均标注 async/await 与 try-catch 模板。
二、从组件调用片段反向生成 Vuex module
当已有 Vue 2 组件中大量使用 this.$store.dispatch('xxx') 或 mapActions 调用时，CodeBuddy 可解析这些字符串字面量与 payload 结构，逆向构建出结构清晰、带命名空间的 Vuex module。
1、选中组件中一段包含多个 dispatch 调用的代码块（例如连续三行含 this.$store.dispatch('user/login', ...) 的语句）。
2、按下快捷键 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac），输入 “CodeBuddy: Infer Vuex Module from Selection”。
3、CodeBuddy 自动提取 action 类型名、payload 接口字段（如 username、password）、mutation 类型前缀（默认为 USER_），并生成 user.module.ts。
4、生成内容包含 namespaced: true、state 初始值（依据 payload 示例推断）、mutations 对应逻辑占位符，以及 actions 内部调用 API 的骨架。
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
三、自动补全 Pinia action 类型签名与返回类型
在已存在的 Pinia store 文件中编辑 actions 函数时，CodeBuddy 可根据函数名（如 fetchUserProfile）、参数名（如 id）及项目中已定义的 API 接口，实时注入完整 TypeScript 类型签名与 Promise 返回类型。
1、光标置于 actions 对象内某函数名后，按下 Tab 键触发智能补全。
2、CodeBuddy 分析函数名关键词，匹配到 fetch* 模式后，自动添加 async 修饰符，并建议返回类型为 Promise
3、若参数名为 id，且项目中有 useRoute 或 useRouter 调用痕迹，CodeBuddy 将插入类型注解 id: string | number 并附带非空校验提示注释。
4、补全后光标自动跳转至函数体内部，等待用户填写具体逻辑，避免手动书写冗长类型声明。
四、跨文件同步 Vuex mutation 类型常量
为避免在多个 module 中重复定义 MUTATION_TYPES 字符串常量，CodeBuddy 支持扫描整个 store/modules/ 目录，提取所有大写命名的 mutation 类型，统一生成 types.ts 并自动导入引用。
1、在任意 Vuex module 文件中，将光标置于 mutations 对象起始大括号后，按下 Ctrl+Alt+T（Windows/Linux）或 Cmd+Option+T（Mac）。
2、CodeBuddy 扫描全部 module 文件，收集形如 'SET_USER_INFO'、'CLEAR_TOKEN' 的字符串字面量。
3、自动创建 store/types.ts，导出联合类型 export type MutationType = 'SET_USER_INFO' | 'CLEAR_TOKEN' | ...。
4、在当前 module 文件顶部插入 import { MutationType } from '@/store/types'，并将原字符串字面量替换为类型安全的变量引用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
