模块化理解1.0

存在两种 exports 导出方式：
命名导出（每个模块包含任意数量） export
默认导出（每个模块包含一个） export default

node上运行 默认commonjs规范
npm init -y 初始话使用 package.json 配置 'type'='module' 让node默认所有的模块未es6规范

在你的 HTML 中需要包含 type="module" 的 <script> 元素这样的脚本，以便它被识别为模块并正确处理
不加则报错 Uncaught SyntaxError: Cannot use import statement outside a module
不能通过 file:// URL 运行 JS 模块 — 这将导致 CORS 错误。你需要通过 HTTP 服务器运行，对应下面两点。

open in browser：url显示的是电脑存储的默认路径，访问的是项目保存的电脑地址,会存在图片加载不出来问题。同时访问的页面是静态页面，也就是，在写代码的同时，在工作区保存了代码之后，还需要另外到浏览器页面进行刷新才能看到最新的效果，在开发时较麻烦。
open with live server：url是以127.0.0.1开头，即使用web服务器打开，可以解决掉前面图片不显示的问题。（5500是端口号）在这里访问的是动态直播页面，也就是在写代码时，只需要在工作区进行保存，浏览器端的页面就会同时进行更新显示效果
vscode中open in browser和open with live server的区别
原文链接1：<https://blog.csdn.net/weixin_44275756/article/details/118680928>
原文链接2：<https://developer.mozilla.org/zh-CN/docs/web/javascript/reference/statements/export>