VSCode HTML调试信任文件夹设置

在使用 VSCode 编辑 HTML 文件时如果打开内置浏览器提示“已禁止文件不在受信任文件夹中”通常是因为 VSCode 的内置 Live Server 插件默认只允许在特定的“受信任文件夹”中运行。以下是解决方法1.将文件夹添加到受信任文件夹列表操作步骤打开 VSCode。点击左下角的“齿轮图标”设置。选择“设置”。在搜索栏中输入trusted。找到“Files: Allow to open in trusted folder”设置项。将你的项目文件夹路径添加到该设置中。示例代码VSCode 设置 JSON 配置{ files.trustedFolders: [ C:/your-project-folder ] }2.修改 Live Server 的配置Live Server 默认不允许在非受信任文件夹中运行可以通过修改其配置来绕过此限制。操作步骤在 VSCode 中安装Live Server插件如未安装。打开命令面板Ctrl Shift P。输入并选择“Live Server: Open with Live Server”。如果提示“文件不在受信任文件夹中”点击“Allow”或“Trust this folder”。3.手动启动 Live Server如果上述方法无效可以尝试手动启动 Live Server操作步骤在终端中进入你的 HTML 文件所在目录。运行以下命令npx live-server或者npm install -g live-server live-server4.检查 VSCode 的安全策略VSCode 的安全策略可能限制了某些操作尤其是对于非官方插件或自定义脚本。解决方案确保你使用的是最新版本的 VSCode 和 Live Server 插件。如果问题仍然存在可以尝试禁用安全策略不推荐用于生产环境在 VSCode 设置中搜索security。禁用“Security: Enable Remote Auth”或其他相关设置。5.使用外部浏览器调试如果以上方法均无法解决问题可以考虑使用外部浏览器进行调试操作步骤在 VSCode 中打开 HTML 文件。右键点击文件选择“Open with Browser”。选择你喜欢的浏览器如 Chrome、Edge 等。总结方法说明添加受信任文件夹将项目文件夹添加到 VSCode 的受信任文件夹列表中修改 Live Server 配置通过 Live Server 插件设置绕过限制手动启动 Live Server使用命令行工具启动 Live Server检查安全策略确保没有启用过于严格的 VSCode 安全策略使用外部浏览器直接在浏览器中打开 HTML 文件进行调试以上方法可帮助你解决 VSCode 内置浏览器因“文件不在受信任文件夹中”而被禁止的问题。参考来源Chrome安装Edge插件全攻略跨浏览器扩展迁移与CRX文件实战Python内置HTTP服务器零依赖搭建HTTPS文件服务零基础搭建VSCode本地大模型AI编程工作流[VSCodeClaude CodeDeepSeek API构建可调试公众号内容流水线](https://blog.csdn.net/visual studio code/article/details/94247284)前端基础仅用于windows环境安装