atom.io自动创建html基本结构

Question

我现在使用atom.io一段时间了，非常喜欢它。我只缺少一件事。我以前使用过括号和升华，它们都有一个功能，只需输入html即可创建html文档的基本结构。

这只会设置html，head和body标签。创建了charset元，标题和css文件的链接。

我每天都会创建很多html文件，所以如果我知道短代码或支持它的软件包，那将会非常有用！

Answer 1

您正在寻找autocomplete-snippets。

只需输入html，然后按 Enter

这是一个可怕的GIF来证明它：

Answer 2

如果您已禁用当前接受的答案中提到的自动填充功能，或者想要比允许的更多灵活性，则会有file-templates个包： https://atom.io/packages/file-templates

以下是一些基本说明。

• 安装软件包：edit->preferences->install->file-templates。
• 要保存模板：packages->new template from this file。
• 要使用该模板打开新文件，只需点击ctrl-alt-n即可 选择它。

Answer 3

有一个不错的插件，名为emmet：https://atom.io/packages/emmet

收到该信息后，只需在空白文档中键入! -> tab。您得到的结果与@hatchet GIF差不多。

Answer 4

如果安装Emmet软件包，则不会获得样板代码。所以我禁用了emmet，它对我来说很好用。

Answer 5

!tab 是您要查找的命令。但是除非您创建一个文件并使用 html 扩展名保存它，否则它将无法工作...

所以在你想要的目录中创建一个新文件，命名为 index.html，然后输入 !tab

它应该可以 100% 工作，如果不确定你是否安装了 emmet。