为入门孩子搭建HTML/JS本地开发环境的方案咨询（解决file:///跨域限制问题）

我正在给刚接触HTML/JS的孩子搭建开发环境。几个月前我还能直接用file:///协议在浏览器里加载文件并调试，但现在所有浏览器都不支持这种方式了，会弹出以下错误：

Origin null is not allowed by Access-Control-Allow-Origin. Status code: 0
Failed to load resource: Origin null is not allowed by Access-Control-Allow-Origin. Status code: 0

我明白这是CORS设置变更导致的，这点没问题，但这就意味着必须给孩子搭建一个正式的开发环境，操作起来没那么轻松了。我想找一些不用让她折腾的方案，理想状态是能通过http://localhost/Code/Project1/project1.html这样的路径来访问调试——其中Code是她Mac电脑主目录下的开发目录，每个项目都放在单独的子文件夹里。

我试过用Mac自带的Apache服务器，但遇到了问题：

• 尝试把Code目录创建符号链接放到Apache的DocumentRoot目录（/Library/WebServer/Documents）下，但Apache不识别这个链接，还出现了权限错误
• 我修改了配置文件，设置AllowSymLinks allow all，但还是没能解决问题

我并不执着于用Apache这个方案，任何其他简单易上手的方法都可以。我们现在用的编辑器是VSCode，如果换编辑器能让环境搭建更简单的话，我们也可以考虑。

备注：内容来源于stack exchange，提问作者yyyyy