VSCode插件自动修复方案_VSCode自动部署Vue工程【总结】-VSCode-PHP中文网

Vue项目中ESLint --fix不生效，首要检查VSCode的"editor.codeActionsOnSave": {"source.fixAll.eslint": true}配置是否启用，确保根目录存在有效ESLint配置文件（如eslint.config.js），并确认eslint-plugin-vue等依赖已正确安装且版本兼容。

vscode插件自动修复方案_vscode自动部署vue工程【总结】

Vue项目里`eslint --fix`不生效？检查VSCode的保存行为配置

VSCode默认不会在保存时自动执行ESLint修复，即使装了ESLint插件也一样。关键得打开editor.codeActionsOnSave里的source.fixAll.eslint开关。

实操建议：

在VSCode设置中搜codeActionsOnSave，点开Editor > Code Actions On Save，勾选Source: Fix All ESLint Problems

或直接编辑settings.json，加入：

"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
}

确保项目根目录有.eslintrc.js或eslint.config.js（Vite 5+ 推荐后者），且eslint和eslint-plugin-vue已安装到devDependencies
如果用Prettier，别让eslint-config-prettier被漏掉——它关掉ESLint和Prettier冲突的规则，否则--fix可能反复改同一行

Vue文件保存后没触发`vite build`？别依赖插件“自动部署”，用脚本链式响应

VSCode没有真正意义上的“自动部署”插件；所谓自动，其实是监听文件变化后调用构建命令。但直接在编辑器里跑vite build既慢又不可控，容易卡住UI。

更稳的做法是用chokidar-cli这类轻量监听工具，在终端后台运行：

安装：npm install -D chokidar-cli

加一条脚本到package.json：

"scripts": {
  "watch:build": "chokidar \"src/**/*.{js,vue,ts}\" -c \"npm run build\""
}

运行npm run watch:build，它只在src下JS/Vue/TS文件变更时触发build，不监听node_modules或dist，避免循环构建
注意：不要监听index.html或vite.config.js——改这些要手动重启构建进程，否则配置变更不会生效

插件推荐只留三个：ESLint、Vue Language Features、Prettier

装太多Vue相关插件反而导致语法高亮错乱、格式化冲突。VSCode官方Vue Language Features (Volar)已覆盖语法支持、跳转、补全，第三方Vetur必须卸载干净，否则里@click提示会失效。

Springboot Vue Builder

从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。

下载

确认要点：

禁用或卸载Vetur：在插件页搜vetur，右键→Disable (Workspace)或Uninstall
Prettier插件只负责格式化，不参与校验——所以eslint仍需独立运行，不能指望Prettier修ESLint报的no-unused-vars
如果用TypeScript，确保typescript-eslint版本与eslint兼容（如eslint@8.57+配@typescript-eslint/parser@7.0+），否则eslint --fix会静默失败

部署脚本里`git push`失败？先关掉VSCode对`.git`的占用

VSCode内置Git面板常驻监听.git目录，若此时用脚本执行git push，可能遇到fatal: Unable to create '/path/.git/index.lock': File exists。

解决方式很直接：

在部署脚本开头加一句：
```
rm -f .git/index.lock
```
（Linux/macOS）或del .git\index.lock（Windows）
或者改用git -c core.hooksPath=/dev/null push绕过钩子，减少IO竞争
更彻底的办法：把部署逻辑抽成独立.sh或.ps1脚本，在外部终端运行，不经过VSCode的Git集成

自动修复和自动部署的边界其实很窄：修复靠ESLint配置驱动，部署靠文件监听+脚本串联。人容易高估插件能力，低估路径权限、进程锁、配置版本对齐这些细节。