Chrome DevTools中修改的内容会自动同步更新到VSCode吗

• 默认状态下不会自动同步：你在DevTools里改的所有内容，都只是浏览器当前加载在内存里的临时页面副本，既不会自动保存到你本地硬盘的源码文件里，也不会直接同步到打开的VSCode中。只要你一刷新页面，DevTools里没手动导出的改动就会直接消失，完全不会影响你本地存的原文件。
• 不用手动复制粘贴的同步方法是存在的，但需要提前手动配置：
  • 打开Chrome DevTools的Sources面板，把你本地存放项目代码的文件夹添加为文件系统工作区
  • 把浏览器加载的预览页面资源，和你本地的对应源码文件做好映射关联
  • 配置完成后，你在DevTools里调整的样式、脚本内容会直接写入本地对应文件，开着的VSCode会自动检测到文件变动、显示最新内容，不用手动复制。

新手友好提示：如果你刚接触编程还搞不懂工作区映射的配置逻辑，完全不用急着折腾这个功能。调页面的时候确认DevTools里的改动是你想要的效果之后，手动把对应代码复制回VSCode的源文件里保存就好，避免调了半天的效果刷新后直接丢失。

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