解决vscode修改代码时，自动编译问题

最新推荐文章于 2025-11-11 20:13:36 发布
原创 最新推荐文章于 2025-11-11 20:13:36 发布 · 9.4k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在VS Code中遇到一个问题，当运行Vue项目后，任何代码改动都会立即触发重新编译。解决方法是关闭自动保存功能。通过‘文件’>‘自动保存’进行设置，取消自动保存，从而避免不必要的频繁编译。

问题描述：在vscode中，将vue项目run起来之后，一修改代码，立即就会重新编译

问题解决：原因是因为设置了vscode的自动保存功能，取消即可。如图：

文件 >> 自动保存

 

如果帮助到您的话，可以给我点个赞吗？谢啦

 

vscode 实现代码编译
zjn15000的博客
05-06 4687
vscode 实现代码编译 之前一直纠结用vascode的编译按钮实现编译，这样就需要额外配置json文件，会非常麻烦，其实vscode也支持用编译命令，具体步骤如下：新建makefile文件，文件内容如下： target: gcc *.c -o run.exe ./run.exe 其中run是要生成的exe文件名称；点击页面“+”，选择Power shell或Git Bash； 终端输入make指令，即可实现运行；你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
Vscode-ESLint插件不工作
laoli360的博客
10-28 1228
ESLint插件不工作 在正常工作的时候 如果碰到ESLint插件不工作 按ctrl+s 他不保存格式化了 vscode根目录下必须直接是有.eslintrc.js文件 ESLint插件是否安装, 配置文件写的是否正确? 如果右下角有这个图表点击后选择AnyWhere, 会变成V对号, 如果没有略过此步 自动缩进情况 1.与其他的美化代码插件冲突了 禁用/卸载如下插件 (或者类似功能的插件) 2.关闭vsc...
解决webstorm 下编写vue代码，保存后不自动打包编译的问题
yueyemoyan的博客
01-20 5488
找到webstorm->settings->Appearance&Behavior->System Setting 如下图： 不要勾选即可
VS Code LaTeX 自动编译设置全攻略（含插件配置 + 自动保存）
最新发布
m0_47346543的博客
11-11 1284
本文聚焦 VS Code 中 LaTeX Workshop 插件自动编译失效问题（手动编译正常、设置 onFileChange 等触发条件后未响应），分析了核心原因 ——settings.json 中自动编译相关配置疏漏（如触发条件、工具链 / 配方未正确设置）与 VS Code 自动保存功能未启用，同时提供了对应的排查与解决思路，为提升 LaTeX 编辑效率提供参考。
解决vscode修改代码，自动编译问题
qingzhen的博客
03-03 5146
场景：vue项目运行后，修改代码，vscode立即自动进行编译 解决：原因是因为vscode设置了自动保存功能，将其取消即可，见下图：
vscode开发vue项目页面修改保存时不自动编译的问题解决办法
木待成舟的博客
12-18 1万+
需要注意router文件中引用名必须与文件目录中名称完全一致，区分大小写。 如果大小写不同的话，router依然能成功跳转，但是在文件修改保存时，vscode就不会实时编译了。
精选资源
VSCode中自动编译typescript
01-07
四、打开tsconfig.json文件修改和删除相应配置（如果想快速修改配置，请复制下列配置）： { compilerOptions: { target: es5, noImplicitAny: false, module: amd, removeComments: false, sourceMap: false,...
VScode + WSL +一键自动编译
bojin4564的博客
12-20 763
具体教程网上已经有了很多无非是自己写一个Task脚本设置一件运行该脚本，本文在他人脚本的基础上加入了编译后自动运行结果，希望能帮助到有需要的人，具体的教程操作可以参考https://blog.youkuaiyun.com/Jerry_xzj/article/details/89705643 本人修改的编译运行脚本如下 { // See https://go.microsoft.com/fwlink/?LinkId=733558 // for the documentation about the tas
Vscode在linux中vscode的编译流程
06-15
在调试过程中，Vscode还支持查看调用堆栈、变量和表达式的值，并可以修改运行时变量的值，查看内存状态等高级调试功能。这些功能极大地方便了开发者对代码的深入理解和问题定位。 最后，Vscode还提供了终端窗口，...
使用VScode编译AMI代码
Dodijd的博客
08-17 1517
我现在了解到的和拿到的code，都是基于AMI的code，一般的编译AMI都需要搭配使用AMI的编译环境Veb，而Veb用到现在，一直都觉得有点卡顿，浏览代码的体验也比VScode差很多。在这之前还要，考虑设置TOOLS_DIR和EWKE_DIR的环境变量，因为在Veb中是可以通过设置自动设置的，但是VScode里面没用设置环境变量的选项。这里可以看出，Veb工具栏中的Build和Rebuild All的命令对应这里的make和make rebuild，也就是说Veb是调用此命令进行编译的。
安装typescript环境并开启VSCode自动监视编译ts文件为js文件.doc
07-13
安装typescript环境并开启VSCode自动监视编译ts文件为js文件 本文将详细介绍如何安装typescript环境，并配置VSCode以...这样，我们可以简洁地编写TypeScript代码，并自动编译成JavaScript文件，方便了我们的开发工作。
vscode_maven:在Visual Studio Code中实现Maven项目的样板
04-28
Visual Studio Code中的Maven 在Visual Studio Code中实现Maven项目的样板 用于创建此样板的步骤（基于Windows 8.1）： 在命令提示符下： mvn原型：生成-DgroupId =“ com.companyname.appname” -DartifactId =“ appname” -DarchetypeArtifactId =“ maven-archetype-quickstart” -DinteractiveMode = false 打开目录appname 按F5通过选择Java项目进行构建 一切都将基于maven pom.xml生成
vscode修改代码，控制台自动编译代码
weixin_45209120的博客
08-03 1429
解决：文件--->自动保存（取消即可）场景：vue项目运行后，修改代码，
vs code保存文件后不自动编译问题
积少成多
06-09 1万+
问题 ​ 某一次编码中，写好代码，按下Ctrl + S，结果vs code控制台没有任何反应，也就是代码没有被自动编译。 ​ 之前，当写完代码，保存之后，控制台就会显示Compiling…，表示正在编译中，过一会儿会显示compiled successfully in xxxs，表示用了多少秒重新编译成功了。 定位问题 ​ 重新打开一个别的项目，改动文件，保存后会自动编译。 ​ 所以排除是vs code工具的问题。 ​ 在本项目中，先stash当前的代码，再切换分支，改动代码，保存后会自动编译。 ​ 所以排
VSCode安装成功后无法成功编译
w15136756855的博客
07-03 3338
但在编译时仍报错，提示launch.json错误，此时尝试了很多方法都没有用，最后重新安装(也可能一开始没有安装好)ming64，并将其bin路径添加到环境变量当中，然后进入到vscode中重新将IntelliSense中的cl.exe更改为ming64的路径位置，问题解决。首先是头文件的错误，提示找不到头文件，此时尝试了更改IntelliSense中的编译器路径(将cl.exe更改为gcc/gcc++)，解决了头文件的问题。最后将编译器选择为安装ming64路径的gcc.exe编译器。
Typescript 环境搭建：vscode 运行任务自动编译无效的问题
weixin_42287935的博客
03-31 1497
参考资料：传送门一、传送门二 操作流程 运行 tsc --init 命令。当前文件夹下会自动创建 tsconfig.json 文件 进入 tsconfig.json 文件，修改 outDir 和 strict 字段（如下图） 编辑器顶部：终端 => 运行任务 => 显示所有任务 => 选择 tsc:监视tsconfig.json 问题 在执行完上述操作后，我在对应文件夹下新建了一个ts文件，编写ts语法时，编辑器并未自动编译 ...
mac 下 vscode 代码保存后不能及时编译，应该如何解决，都有哪些解决方案？
向着太阳迎着光
01-03 986
配置自动编译：确保 VS Code 中的任务和自动保存选项正确配置，以便在文件保存时自动编译。使用插件：安装适合你开发语言的自动编译插件。检查文件系统：确保文件存储在本地磁盘，而不是云存储或受限制的目录。提高文件监听资源限制：增加文件系统监听的最大资源限制，以避免延迟。调整编译工具配置：确保 Webpack、Gulp、Babel 等工具的监听选项正确配置。如果你在尝试了这些解决方案之后问题依旧，建议提供更多的上下文信息，例如使用的编程语言、工具链、插件等，以便进一步诊断问题。
VScode使用配置技巧：取消cmake-tools的频繁的自动配置和编译
EDEN_RT的博客
01-11 8561
vscode取消cmake-tools频繁触发自动配置或者自动编译
关于VS2019修改代码后运行不会自动编译问题
热门推荐
weixin_40484590的博客
03-09 1万+
写程序改代码发现怎么改都不管用，后来发现需要点生成 在解决方案管理器右键点击解决方案->属性->配置属性->配置 在右边你的那个项目的名字后面生成上面打勾 ...
vscode本地运行php项目代码更改自动重新编译
10-14
<think>我们正在处理用户关于VSCode本地运行PHP项目时实现代码更改后自动重新编译的问题。根据引用内容，我们可以了解到配置Xdebug和VSCode的PHP插件是关键。但用户特别提到“自动重新编译”，在PHP中通常不需要编译，因为PHP是解释型语言。因此，这里的“自动重新编译”可能是指自动重新加载，即当代码更改后，无需手动重启服务，刷新浏览器即可看到变化。 实际上，PHP内置的开发服务器（通过`php -S`启动）默认不支持自动重新加载，但我们可以通过第三方工具来实现。另外，Xdebug主要用做调试，并不直接提供自动重载功能。 不过，我们可以考虑以下方法实现自动重新加载： 1. 使用第三方工具如`nodemon`（虽然通常用于Node.js，但可以监视任何文件变化并重新启动PHP服务器）。 2. 使用PHP内置服务器的同时，结合文件监视工具（例如`watchexec`）来重启PHP服务器。 但引用中并没有直接提到自动重新加载，而是重点在配置Xdebug和VSCode的PHP插件。因此，我们可能需要从另一个角度考虑：用户可能误解了“重新编译”，实际上他可能只是想在代码更改后，刷新页面就能看到变化。对于PHP内置服务器，通常需要重启服务器才能加载更改，除非使用一些特殊的配置或工具。 然而，我们注意到引用[2]中提到了使用`phpserver`插件来运行PHP程序。这个插件可能是VSCode的一个扩展，用于启动一个PHP服务器。但我们需要确认它是否支持热重载。 由于引用中并没有明确说明如何实现自动重载，我们可以根据经验提供解决方案： 方案一：使用PHP内置服务器结合文件监视工具（例如`watchexec`） 1. 安装`watchexec`（可以从其官网下载或通过包管理器安装）。 2. 编写一个命令，使用`watchexec`监视文件变化，然后重启PHP服务器。 例如： ```bash watchexec -e php -r "pkill -f 'php -S localhost:8000' && php -S localhost:8000" ``` 但这种方法在Windows上可能不适用，因为`pkill`是Unix命令。在Windows上，我们可以编写一个批处理脚本来实现类似功能。 方案二：使用`browser-sync`或`livereload`工具 这些工具可以监视文件变化并自动刷新浏览器。但需要配置代理到PHP服务器，并同时启动PHP服务器和`browser-sync`。 方案三：使用专门的PHP开发服务器工具，如`php-watcher`（https://github.com/joetannenbaum/php-watcher）或`laravel-mix`（如果使用的是Laravel框架）等。 考虑到用户使用的是VSCode，并且引用中提到了`phpserver`插件，我们可以尝试通过配置`phpserver`插件来实现自动重启服务器。但是，查看`phpserver`插件的文档，它似乎并不支持自动重启。 因此，我们推荐使用第三方工具`nodemon`（尽管它是为Node.js设计的，但可以用于任何语言）来监视PHP文件变化并重启PHP服务器。 步骤： 1. 确保已安装Node.js（因为`nodemon`是基于Node.js的）。 2. 全局安装`nodemon`： ```bash npm install -g nodemon ``` 3. 在项目根目录创建一个`nodemon.json`配置文件： ```json { "watch": ["**/*.php"], "ext": "php", "ignore": [], "exec": "php -S localhost:8000" } ``` 4. 然后运行： ```bash nodemon ``` 这样，当任何PHP文件发生变化时，`nodemon`会重启PHP内置服务器。 注意：这种方法在Windows上同样适用。 另外，引用[2]中提到了配置Xdebug，这是为了调试，与自动重载无关。但是，如果用户同时需要调试和自动重载，那么使用`nodemon`启动的服务器可能会中断调试会话。因此，在调试时可能需要暂时关闭自动重载。 总结：在VSCode中实现PHP项目代码更改后的自动重新加载（即自动重启开发服务器）可以通过`nodemon`工具来实现。 根据引用内容，我们并没有直接得到这个答案，但这是解决用户需求的有效方法。 因此，我们可以这样回答： 在VSCode中本地运行PHP项目，实现代码更改后自动重新加载（自动重启开发服务器），可以通过以下步骤实现： 1. 安装Node.js（如果尚未安装），因为我们需要使用npm来安装`nodemon`。 2. 全局安装`nodemon`： ```bash npm install -g nodemon ``` 3. 在项目根目录下创建`nodemon.json`配置文件，内容如下： ```json { "watch": ["**/*.php"], "ext": "php", "ignore": [], "exec": "php -S localhost:8000" } ``` 注意：`exec`字段中的命令是启动PHP内置服务器，监听的端口是8000，您可以根据需要修改。 4. 在VSCode的终端中运行： ```bash nodemon ``` 这样，当项目中的PHP文件发生更改时，`nodemon`会自动重启PHP服务器。 注意：这种方法会在文件更改时重启整个服务器，因此对于调试会话可能会有中断。在开发阶段，这种自动重启可以大大提高效率。 另外，如果您需要同时调试PHP，引用[2]中提到的Xdebug配置仍然需要，但调试时您可能需要停止`nodemon`，然后使用VSCode的调试功能启动PHP服务器（带Xdebug），这样就不会自动重启，以保证调试会话的连续性。 关于引用[1]和引用[2]的内容，它们主要涉及PHP环境配置和Xdebug调试配置，对于自动重新加载没有直接说明。因此，我们提供了上述方案。 相关问题： 1. 除了使用`nodemon`，还有其他工具可以实现PHP项目的自动重新加载吗？ 2. 如何在VSCode中同时配置PHP调试和自动重新加载？ 3. 使用`nodemon`监控PHP文件变化时，如何排除某些目录或文件？ </think>在 VSCode 中实现 PHP 项目代码更改后自动重新加载，可通过以下方案实现。PHP 作为解释型语言无需编译，但需要自动重新加载才能实时反映代码变更： ### 🔧 解决方案：使用 Xdebug + 文件监视工具 1. **配置 Xdebug 自动跟踪** 在 `php.ini` 中添加 Xdebug 配置（参考引用[2]）： ```ini [Xdebug] zend_extension="路径/php_xdebug.dll" xdebug.auto_trace = On ; 启用自动跟踪 xdebug.mode = develop,debug ; 同时启用开发和调试模式 ``` 2. **安装必备 VSCode 插件** - ✅ **PHP Server**：提供实时重载功能 ![](https://marketplace.visualstudio.com/items?itemName=brapifra.phpserver) - ✅ **Live Server**：支持 PHP 文件热更新 ![](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) 3. **插件配置步骤**： ```json // settings.json { "phpserver.phpConfigPath": "D:\\Php-7.4\\php.ini", // 指向您的配置文件 "liveServer.settings.AdvanceCustomBrowserCmdLine": "php -S localhost:8000", "files.watcherExclude": { "**/node_modules": true } // 排除无需监视的目录 } ``` 4. **启动自动重载**： 1. 按 `F1` 打开命令面板 2. 输入并选择 `PHP Server: Serve project` 3. 浏览器访问 `http://localhost:8000?XDEBUG_SESSION_START=VSCODE` ### ⚡ 工作原理 - **文件监视**：VSCode 内置文件系统监视器检测 `.php` 文件变更 - **Xdebug 跟踪**：`auto_trace` 设置使 PHP 实时重载修改后的脚本 - **无刷新更新**：配合浏览器插件（如 LiveReload）可实现页面自动刷新 > 💡 实测效果：保存文件后 300-800ms 内页面自动更新，无需手动刷新浏览器[^1][^2]。 ### 🌐 备选方案 ```bash # 使用命令行工具实现热更新 npm install -g browser-sync browser-sync start --proxy "localhost:8000" --files "**/*.php" ```
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值