atom.io 自动创建 html 基本结构
atom.io auto create html basic structure
我使用 atom.io 有一段时间了，非常喜欢它。我只缺少一件事。我以前用过括号和 sublime，它们都有一个功能，你可以通过输入 html.
来创建 html 文档的基本结构
这只会设置 html、head 和 body 标签。创建字符集元数据、标题和 link 到 css 文件。
我每天创建很多 html 个文件，所以如果我知道简码或支持它的包，那将非常有帮助！
您正在寻找 autocomplete-snippets。
只需键入 html 并按 Enter
这里有一张糟糕的 GIF 动图来证明这一点：
如果您禁用了当前接受的答案中提到的自动完成功能，或者想要比允许的更大的灵活性，有一个 file-templates 包：
https://atom.io/packages/file-templates
这里有一些基本说明。
- 要安装包：
edit->preferences->install->file-templates。
- 保存模板：
packages->new template from this file.
- 要使用该模板打开一个新文件，只需点击
ctrl-alt-n 然后
select它。
有一个不错的插件，叫做 emmet：https://atom.io/packages/emmet
得到它后，您只需在空白文档中键入 ! -> tab。您得到的结果与@hatchet GIF 几乎相同。
如果我们安装 Emmet 包，我们将无法获取样板代码。所以我禁用了 emmet，它对我来说工作正常。
!tab 是您要查找的命令。但它不会工作，除非你创建一个文件并用 html 扩展名保存它...
所以在你想要的目录中创建一个新文件，将其命名为 index.html 然后输入 !tab
它应该可以 100% 工作，如果不确定是否安装了 emmet。
确保您的文件在其名称末尾添加了 .html。
然后返回 Atom，键入 HTML，然后按回车键。您的样板应该出现。瞬间解决了我的问题！
我使用 atom.io 有一段时间了，非常喜欢它。我只缺少一件事。我以前用过括号和 sublime，它们都有一个功能，你可以通过输入 html.
来创建 html 文档的基本结构这只会设置 html、head 和 body 标签。创建字符集元数据、标题和 link 到 css 文件。
我每天创建很多 html 个文件，所以如果我知道简码或支持它的包，那将非常有帮助！
您正在寻找 autocomplete-snippets。
只需键入 html 并按 Enter
这里有一张糟糕的 GIF 动图来证明这一点：
如果您禁用了当前接受的答案中提到的自动完成功能，或者想要比允许的更大的灵活性，有一个 file-templates 包：
https://atom.io/packages/file-templates
这里有一些基本说明。
- 要安装包：
edit->preferences->install->file-templates。 - 保存模板：
packages->new template from this file. - 要使用该模板打开一个新文件，只需点击
ctrl-alt-n然后 select它。
有一个不错的插件，叫做 emmet：https://atom.io/packages/emmet
得到它后，您只需在空白文档中键入 ! -> tab。您得到的结果与@hatchet GIF 几乎相同。
如果我们安装 Emmet 包，我们将无法获取样板代码。所以我禁用了 emmet，它对我来说工作正常。
!tab 是您要查找的命令。但它不会工作，除非你创建一个文件并用 html 扩展名保存它...
所以在你想要的目录中创建一个新文件，将其命名为 index.html 然后输入 !tab
它应该可以 100% 工作，如果不确定是否安装了 emmet。
确保您的文件在其名称末尾添加了 .html。
然后返回 Atom，键入 HTML，然后按回车键。您的样板应该出现。瞬间解决了我的问题！