vs code新建html文件后浏览器打不开，因file://协议限制fetch等特性；应使用live server扩展、npx serve或python服务器；新建方式推荐emmet html:5或!模板，保存编码选utf-8（无bom）。
新建文件后为什么浏览器打不开？
VS Code 本身不带服务器功能，直接双击 index.html 会走 file:// 协议，某些特性（比如 fetch 本地 JSON、Service Worker）会失败，控制台还可能报 CORS 或 SecurityError。
- 最简解决：右键文件 → “Open with Live Server”（需装同名扩展）
- 没装扩展？终端运行
npx serve -s（需 Node），或用 Python：python3 -m http.server 8000 - 别用资源管理器双击打开，尤其做 AJAX 或本地 JSON 加载时
新建 HTML 文件的三种可靠方式
不是所有“新建”都等价，不同路径影响后续编码体验和默认行为。
- 快捷键
Ctrl+N（Win）/Cmd+N（Mac）→ 粘贴基础结构 → 手动保存为index.html（记得选HTML语言模式） - 资源管理器右键 →
New File→ 输入index.html→ 回车 → 点右下角语言模式，选HTML - 命令面板（
Ctrl+Shift+P）→ 输入html:5→ 回车（需启用 Emmet）→ 自动生成带的完整骨架
Emmet 模板 html:5 和 ! 有啥区别？
两者都生成基础 HTML 结构，但细节和兼容性不同。
-
html:5是旧写法，输出带和标准 meta，VS Code 默认支持 -
!是 Emmet v2+ 推荐写法，效果一样，但更短；如果按了没反应，检查设置里emmet.triggerExpansionOnTab是否为true - 都不带
<script type="module"></script>或<meta name="viewport">，移动端开发要手动加
保存时编码选 UTF-8 还是 UTF-8 with BOM？
选 UTF-8，不要 UTF-8 with BOM。BOM 会在文件开头插入不可见字节 EF BB BF，导致：
ISite企业建站系统1.2.3
下载
ISite企业建站系统是为懂点网站建设和HTML技术的人员（例如企业建站人员）而开发的一套专门用于企业建站的开源免费程序。本系统采用了全新的栏目维护模式，内容添加过程中，前后台菜单是一样的，需要维护前台某个栏目的内容，只需要进后台相应栏目即可，一般的企业人员只需要查看简易的说明就可以上手维护网站内容。通过自由度极高的模板系统，可以适应大多数情况的界面需求，后台带有标签生成器，建站只需要构架好HTM
立即学习“前端免费学习笔记（深入）”；
- Node.js 读取时解析 JSON 失败（
Unexpected token \uFEFF） - PHP 输出前多出空白，破坏 header 设置
- 部分构建工具（如 Vite）警告 “Invalid character at position 0”
VS Code 默认就是无 BOM 的 UTF-8，除非你手动改过设置里的 files.encoding。
复杂点在于：有些老项目依赖 BOM 判断编码，但新项目、现代框架、浏览器全部默认按无 BOM 的 UTF-8 解析——别碰 BOM，真遇到兼容问题再单独处理。
