notepad++保存html源码的关键是确保文件以.html或.htm后缀真实保存且不被附加.txt：务必在“另存为”中将“保存类型”设为“所有文件”，文件名输入demo.html（勿加引号或.txt），并开启“文件扩展名”确认结尾确为.html。
Notepad++ 保存 HTML 源码，本质就两件事：一是确保文件以 .html 或 .htm 后缀落地，二是避免被系统或编辑器悄悄塞进 .txt。很多人点“另存为”后双击打不开、浏览器报错“下载文件”而非渲染页面，问题全出在这一步。
保存时选错“保存类型”导致变成 .txt
Windows 记事本类行为会传染——即使你输的是 index.html，只要“保存类型”下拉框里选了“文本文档 (*.txt)”，实际生成的就是 index.html.txt（扩展名被隐藏时完全看不出来）。浏览器只认真实后缀，这个文件根本不会当作网页解析。
- 务必在“另存为”对话框中，把“保存类型”手动改成
所有文件（不是“文本文件”，也不是默认的“文本文档”） - 文件名栏直接输入完整名称，例如
demo.html，不要加引号，也不要补.txt - 如果不确定是否藏了双扩展名，打开文件夹 → 查看 → 勾选“文件扩展名”，亲眼确认结尾确实是
.html
右下角语言模式影响语法高亮但不影响保存结果
状态栏右下角显示 HTML、Normal text 或 XML，只决定编辑时有没有标签配对提示、关键字变色等，和“能否保存为有效 HTML 文件”无关。哪怕它显示 Normal text，只要你按上面方法保存成 .html，浏览器照样能打开。
- 想获得基础高亮？点状态栏语言名 → 选
HTML；不想折腾就跳过，不耽误保存 - 别信“必须设成 HTML 才能保存成功”这类误导——保存动作本身不校验内容合法性
- 如果代码里有中文，建议保存时点“编码”下拉框 → 选
UTF-8（无 BOM 更通用，除非要兼容 IE11）
导出带语法高亮的 HTML 是另一回事
有人混淆了“保存源码”和“导出高亮版 HTML”。前者是存你写的原始代码，后者是用 NppExport 插件生成一个含内联 CSS 的单页 HTML，用于分享或文档归档。它们路径完全不同：
- 保存源码：文件 → 另存为 → 类型选
所有文件→ 名字写main.html - 导出高亮 HTML：右键编辑区 → Export → HTML → 勾选
Include current syntax highlighting→ 保存为code-highlighted.html - 若右键没出现
Export，先检查插件是否启用、文档是否有内容、语言是否非Normal text（空文件或新建未输字的标签页不触发）
最容易被忽略的其实是文件扩展名是否真实生效——不是你“以为输对了”，而是系统层面确实落盘为 .html。其他所有设置，包括编码、语言、高亮，都是锦上添花；唯独这一步错了，整个流程就卡死在起点。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
