sublime默认html snippet不包含meta charset和viewport，因其设计轻量通用；需手动创建html5.sublime-snippet并设scope为text.html.basic，或用filetemplates插件配合html.tmpl模板实现新建文件自动填充。
Sublime 本身没有“默认 HTML 模板”这个全局配置项，所谓“新建 HTML 文件自动填充”，本质是靠 snippet + 正确的 scope + 手动触发（Tab）或快捷键绑定实现的。
为什么 html + Tab 不生成带 <meta charset="UTF-8"> 的 HTML5 骨架？
Sublime 自带的 html snippet（触发词为 html）只输出基础结构：
<p>它不包含 <code><meta charset="UTF-8"></code></p>、
<meta name="viewport"> 或 <title></title> 占位符，因为这是原始 snippet 的设计逻辑——轻量、通用、不预设项目规范。
常见错误现象：输入 html 后按 Tab，只出来空骨架，没编码声明，也没响应式 viewport；或者按完后光标卡在奇怪位置，无法跳转到 <title></title> 编辑点。
- 确认当前文件语法是
HTML（右下角显示“HTML”，不是“HTML (Rails)”或“Plain Text”） - 检查 snippet 的
<scope></scope>是否为text.html.basic—— 若当前文件 scope 是text.html.vue，这个 snippet 就不会激活 -
$1和$2是占位跳转点，必须写在 content 里，且不能被注释或标签闭合干扰；例如<title>$1</title>$2才能按Tab从 title 跳到 body
怎么创建一个真正可用的 HTML5 snippet？
手动建一个 html5.sublime-snippet 文件，放在 Packages/User/ 目录下（可通过 Preferences → Browse Packages… 进入）。
内容示例（注意缩进用 Tab，不是空格）：
<snippet><content><meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>$1</title> $2 ]]></content><tabtrigger>html5</tabtrigger><scope>text.html.basic</scope></snippet>
-
<tabtrigger></tabtrigger>设为html5，避免覆盖系统默认的html行为 -
<scope></scope>必须写成text.html.basic，不是text.html或source.html—— Sublime 4 严格匹配此值 -
$1放在<title></title>内，$2放在内，这样按Tab可顺序跳转 - 保存后无需重启，但若之前打开过 HTML 文件，建议执行
Ctrl+Shift+P → Reload Syntaxes刷新作用域缓存
想让新建 .html 文件就自动填模板，而不是每次敲 html5 + Tab？
Sublime 原生不支持“新建文件即插入内容”，必须借助插件或快捷键重映射。
推荐方案：安装 FileTemplates 插件（通过 Package Control 安装），然后在 Packages/FileTemplates/templates/ 下建 html.tmpl 文件：
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>${file_name:New Page}</title>
- 模板名必须是
html.tmpl（不是HTML.tmpl或htm.tmpl），否则插件不识别 - 变量用
${file_name}，不是$file_name或{{file_name}}；日期类要写成${date:%%Y-%%m-%%d}（双百分号） - 新建文件时，先按
Ctrl+N，再右键 →FileTemplates → HTML，或绑定快捷键直接触发 - 别试图在
Preferences.sublime-settings里加default_content字段——它根本不存在，改了也无效
容易被忽略的关键点
scope 匹配错、模板路径放错、变量语法写错，这三处出问题，90% 的自定义模板会静默失效。
尤其要注意：Vue 单文件组件（.vue）中 <template></template> 块的 scope 是 text.html.vue，和普通 HTML 文件不同；如果想在 <template></template> 里用 html5 片段，得额外写一个 <scope>text.html.vue</scope> 的 snippet，或改用 Emmet 的 ! + Tab（它在 Vue 中也生效）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
