如何阻止Codesandbox在文件变更时自动更新预览？

Codesandbox的实时预览更新逻辑独立于VS Code的自动保存配置，你可以根据使用场景选择对应调整方案：

浏览器端使用Codesandbox #

• 打开目标沙箱项目，点击预览面板右上角的下拉箭头（和刷新图标并列的位置）
• 在下拉菜单中取消勾选Auto Refresh，或者选择On Save模式，修改后只有手动按下保存快捷键（Ctrl/Cmd + S）时才会刷新预览
• 旧版本界面可以点击左侧边栏的齿轮状「设置」图标，找到Preview分类，关闭Auto Refresh开关即可

VS Code中使用Codesandbox插件 #

• 打开VS Code设置面板（快捷键Ctrl/Cmd + ,）
• 搜索Codesandbox: Auto Refresh，取消对应选项的勾选
• 也可以直接编辑settings.json，添加配置项："codesandbox.autoRefresh": false
• 调整完成后，预览仅会在你手动保存文件时触发更新

如果需要临时刷新预览，手动点击预览面板的刷新图标即可，不会再出现编写过程中语法错误刷屏的问题。

内容的提问来源于stack exchange，提问作者potatoDie