若代码规范错误未被自动修复,需集成Prettier与ESLint:一、配置.eslintrc.js并安装相关依赖;二、启用VS Code保存自动格式化与修复;三、配置WorkBuddy内置Linter Hook;四、通过husky+lint-staged实现提交前自动修复。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您在使用WorkBuddy开发时发现代码规范错误未被自动修复,可能是Prettier与ESLint未正确集成或配置缺失。以下是实现自动修复的多种可行方案:
一、配置ESLint与Prettier协同工作
通过.eslintrc.js统一管理规则,并让ESLint调用Prettier处理格式化任务,避免规则冲突,确保保存时自动修复可修复项。
1、在项目根目录创建或编辑.eslintrc.js文件,写入以下内容:
2、安装依赖:npm install --save-dev eslint prettier eslint-config-prettier eslint-plugin-prettier
3、在.eslintrc.js中启用plugin:prettier/recommended并关闭与Prettier重叠的规则。
4、在package.json的scripts中添加:"lint:fix": "eslint --ext .js,.jsx,.ts,.tsx src/ --fix"
二、启用VS Code保存时自动修复
利用VS Code的格式化功能联动ESLint和Prettier,在文件保存瞬间触发修复流程,无需手动执行命令。
1、在VS Code中安装扩展:ESLint 和 Prettier - Code formatter
2、打开VS Code设置(Ctrl+,),搜索format on save,勾选Editor: Format On Save
3、在项目根目录创建.vscode/settings.json,写入:{"editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true}
4、在.vscode/settings.json中追加:{"eslint.autoFixOnSave": true, "eslint.validate": ["javascript", "typescript", "javascriptreact", "typescriptreact"]}
WorkBuddy 桌宠工厂 —— 给一张角色图、一个 codex.pet 链接、一条 codex-pets.net 下载 URL、或一份现成的精灵表,就能自动创建一只可联动 WorkBuddy 状态的桌面宠物。当用户说"创建桌宠"、"做一只桌宠"、"用这张图做桌宠"、"从 codex.pet 安装桌宠"、"导入 codex 桌宠 XX"、"装一下 codex-pets.net 上的 XX&quo
三、配置WorkBuddy内置Linter Hook
若WorkBuddy支持自定义pre-commit或pre-save钩子,可直接注入ESLint修复逻辑,使自动修复成为IDE级默认行为。
1、确认WorkBuddy版本支持workbuddy.config.js配置文件
2、在该配置文件中添加linter字段,指定ESLint路径及--fix参数:
3、设置autoFix: true与trigger: "onSave"选项
4、重启WorkBuddy服务以加载新配置
四、使用husky + lint-staged拦截提交
在代码提交前强制运行ESLint修复,防止不合规代码进入仓库,形成CI/CD环节前的自动守门机制。
1、执行:npx husky-init && npm install
2、运行:npx lint-staged --install
3、在package.json中配置lint-staged字段,包含:{"*.{js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"]}
4、验证钩子是否生效:修改一个JS文件后执行git add . && git commit -m "test"

















