能，但只适合验证概念，不适合持续学习；记事本无语法高亮、自动闭合、错误提示，易因拼写错误、UTF-8未设置、后缀误存为.txt等问题导致乱码或页面空白，添加CSS/JS后应立即换VS Code等专业编辑器。
用记事本写HTML能行吗？
能，但只适合验证概念，不适合持续学习。记事本没有语法高亮、标签自动闭合、错误提示，拼错一个 </div> 就可能导致页面空白，而你根本看不出哪少了斜杠。
常见问题包括：charset 没设成 UTF-8 导致中文乱码；<meta name="viewport"> 缺失导致手机预览变形；保存时没选“所有文件”而被自动加了 .txt 后缀，结果双击打开是下载而不是渲染。
- 务必在记事本“另存为”时手动输入
index.html，类型选“所有文件”，编码选UTF-8 - 双击打开后浏览器地址栏显示
file:///开头，说明是本地文件模式——此时部分功能（如fetch、某些video属性）会受限 - 一旦开始添加 CSS 或 JS，立刻换专业编辑器，别硬扛
VS Code 装完 Live Server 就能直接开发
不是装完就完事，关键步骤漏一步，Live Server 就不会自动刷新。它本质是起一个本地 HTTP 服务，绕过浏览器对 file:// 协议的限制。
最容易卡住的地方：
立即学习“前端免费学习笔记（深入）”；
- 没按
Ctrl+Shift+P（Win）或Cmd+Shift+P（Mac）调出命令面板，而是直接点菜单栏找“Live Server”——它不在菜单里，只在命令面板中可搜到 - 安装扩展后没重启 VS Code，导致右键菜单不出现
Open with Live Server - 项目文件夹没打开（即没用“File → Open Folder”），而是只打开了单个
index.html文件——此时右键无该选项
确认生效：点击后浏览器地址应为 http://127.0.0.1:5500/ 开头，修改保存后页面自动刷新，不是手动按 F5。
Sublime Text 怎么让 HTML 在浏览器里打开
Sublime 默认不带浏览器预览功能，必须配构建系统（Build System）。很多人卡在粘贴完 JSON 配置后忘了保存为 HTML.sublime-build，或者保存到了错误目录（应为 Packages/User/）。
构建系统内容示例（复制进新建文件后保存）：
{
"cmd": ["open", "-a", "Google Chrome", "$file"],
"selector": "source.html",
"shell": true
}
注意点：
- Mac 上
open -a后面的应用名要和实际安装一致，比如"Google Chrome"或"Safari"；Windows 用户需改用cmd /c start并指定浏览器路径 -
selector必须是source.html，否则按Ctrl+B时不会触发 - 改完代码后，别忘了按
Ctrl+S保存，再按Ctrl+B—— 它不会自动刷新已打开的页签，而是新开一个
Brackets 的实时预览为什么不同步？
Brackets 的 Live Preview 功能依赖浏览器插件协同，不是纯本地服务。如果点击闪电图标后显示 “Live Preview is not available for this file”，大概率是以下原因：
- 当前文件没保存（未命名或没写
.html后缀），Brackets 只对已保存的.html文件启用预览 - 浏览器没装 Brackets 插件（Chrome 扩展名为 “Brackets Live Preview”），且未启用
- 用了非 Chrome/Edge 内核浏览器（如 Firefox、Safari），Brackets 不支持
- 代码里有严重语法错误，比如
<script>标签没闭合，Brackets 会静默禁用预览
真正省心的点在于：改完 <h1> 文字，不用保存、不用切换窗口，浏览器里文字就实时变——但前提是它先连上。
初学者最容易忽略的是编码与协议问题：本地双击打开是 file://，很多现代 API（localStorage 在某些设置下、fetch 读取本地 JSON）会直接报错；而 Live Server 或 Brackets 预览走的是 http://，行为才接近真实部署环境。这点不提前意识到，后面学 JS 时会反复栽在同一类错误上。
