vs code 是新手首选 html 编辑器，免费轻量、开箱即用，安装时需勾选“add to path”和“open with code”，再安装 live server 插件即可实时预览；避免使用 dreamweaver 等所见即所得工具及浏览器直接编辑，因其隐藏结构、不保存、无语法支持；sublime text、atom、notepad++ 等次选，但插件生态弱、配置复杂或已停更。
HTML 编辑器不是“安装”出来的，而是选一个趁手的工具直接用——没有标准安装包，也不需要注册或激活。
VS Code 是新手最该立刻打开的编辑器
它免费、轻量、开箱即用，装完就能写 index.html 并实时预览。别被“Code”吓住，它不是只给程序员用的。
- 去官网下载
code.visualstudio.com，选对应系统的安装包（Windows 用VSCodeUserSetup-x64.exe，Mac 用VSCode-darwin-universal.zip） - 安装时勾选“Add to PATH”和“Open with Code”，否则终端里打
code .会报错command not found - 装完打开，按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（Mac），输入Install Extension，装上Live Server插件——这是你第一个真正需要的插件
别碰“所见即所得”类 HTML 编辑器
像 Dreamweaver、CoffeeCup 这类老派工具，会自动生成冗余标签、隐藏底层结构，新手根本分不清哪行是自己写的，哪行是编辑器塞的。
- 它们常把
<div> 套成五层深，还加一堆 <code>style="margin:0;padding:0;"冗余样式 - 导出的 HTML 文件路径容易错乱，比如图片引用变成
C:\Users\...\img.jpg，一换电脑就全红叉 - 调试时看不到真实 DOM 结构，遇到
Uncaught TypeError: Cannot read property 'innerHTML' of null这种错误，连元素在哪都找不到 - 临时改页面：右键元素 →
Edit as HTML，改完回车生效，但刷新就还原 - 想存下来？得手动复制整页 HTML 到本地文件，再用 VS Code 打开——绕一圈不如直接在编辑器里写
- 不支持语法高亮、自动补全、 Emmet 快捷键（比如输
ul>li*3回车生成列表），效率差一截 - Notepad++ 在 Windows 上启动快，但没内置终端，运行
live-server得额外开命令行，路径稍错就报‘live-server’ is not recognized - Sublime Text 要手动配置
Build System才能调用浏览器打开，配置项叫html.sublime-build，新手大概率配错 - Atom 已停止维护，GitHub 官方去年已归档仓库，插件不再更新，遇到
Cannot resolve dependency类错误基本无解
浏览器里写 HTML？可以，但别当主力
Chrome 的开发者工具（F12 → Elements 标签页）支持双击编辑 HTML，适合改一小段、试个样式。但它不保存文件，关掉就丢。
立即学习“前端免费学习笔记（深入）”；
Sublime Text / Atom / Notepad++ 这些要谨慎选
它们能写 HTML，但默认不带实时预览、不带语法检查、插件生态弱于 VS Code，新手容易卡在“写完了，怎么看到效果？”这一步。
真正卡住新手的，从来不是“怎么安装”，而是“改完代码，怎么立刻看见效果”。只要确保 Live Server 插件启用、右键点 HTML 文件选 Open with Live Server，地址栏出现 http://127.0.0.1:5500/——这事就算成了。别的都是锦上添花。
