新手应直接用vs code+live server，因其省去手动刷新、自动处理编码与路径问题，且无需任务清单类伪需求；核心操作仅为写index.html→保存→实时预览。
新手直接用 VS Code + Live Server 就行，别折腾其他“任务清单工具”——HTML 本身没有内置任务管理，所谓“任务清单”全是人为包装的伪需求。
为什么别信“HTML任务清单工具”宣传
搜索“HTML任务清单工具”，你会看到一堆带进度条、拖拽卡片、自动打钩的网页生成器。它们本质是前端项目（React/Vue）套壳，底层和 HTML 编写毫无关系。你真正要做的只是：写好 index.html → 保存 → 刷新浏览器。中间加一层“任务管理”，反而掩盖了最核心的动作链。
- 所谓“完成标题编辑→勾选→进入下一步”，实际就是手动改
<h1></h1>标签内容，没必要抽象成任务 - 多数标榜“小白友好”的清单工具，要求你先注册、填邮箱、选模板，最后导出的还是一个静态
.html文件 - 它们无法帮你理解
和的区别，也不教src和href的路径规则
真正该关注的三个实操节点
把注意力从“任务清单”拉回真实操作环节，小白最容易卡在以下三处，每处都有明确动作可执行：
-
文件保存后打不开：双击
index.html打开的是file://协议，CSS/JS 路径容易失效；正确做法是装Live Server插件，右键点Open with Live Server，走http://127.0.0.1:5500/协议 -
写了代码没反应：检查是否漏了
声明，或 <code>根标签没闭合；VS Code 中按!+Tab可自动生成标准骨架，别手敲 -
中文乱码或符号错位：确保文件编码为
UTF-8 without BOM（VS Code 右下角点击编码 → “Save with Encoding” → 选UTF-8），别用系统记事本另存为
Notepad++ 是唯一值得考虑的轻量替代
如果你连 VS Code 都不想装，Notepad++ 是 Windows 上唯一靠谱的备选：它不联网、不弹窗、不后台驻留，右键菜单直接编辑 .html 文件，且 Ctrl + Shift + X 可呼出简易预览窗口（仅限纯 HTML 内容）。但它不解决跨域问题，复杂页面仍需 Live Server 类方案。
- 安装时务必勾选“添加到右键菜单”，否则每次都要手动打开再拖入文件
- 首次打开 HTML 文件后，点顶部菜单
语言 → H → HTML，否则语法高亮不生效 - 它没有插件生态，别搜“Notepad++ 任务清单插件”——不存在，也无必要
复杂点在于：很多人把“学会建站”等同于“完成一系列待办事项”，但 HTML 开发的真实节奏是“改一行 → 看效果 → 改第二行”。所谓清单，只是把线性过程切成碎片，反而让人忽略每次保存与刷新之间的因果关系。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
