atom怎么补全html

K-seo • 2024-01-12 07:13 • 网站运维 • 122 views

Atom怎么补全html

Atom是一款开源的代码编辑器，由GitHub开发并维护，它具有丰富的插件系统和高度可定制性，可以满足各种编程需求，在本文中，我们将介绍如何在Atom中补全HTML代码。

1、打开Atom编辑器，点击菜单栏的“文件”(File)>“设置”(Settings)。

2、在设置页面左侧导航栏中选择“插件”(Plugins)。

3、在搜索框中输入“html”，找到名为“HTML CSS Support”的插件。

4、点击插件右侧的安装按钮(或按回车键),等待安装完成。

5、安装完成后，重启Atom编辑器。

1、打开Atom编辑器，点击菜单栏的“文件”(File)>“设置”(Settings)。

2、在设置页面左侧导航栏中选择“语言”(Languages)。

3、在右侧列表中找到“HTML”选项，点击进入。

4、在HTML设置页面中，你可以根据自己的需求调整以下选项：

“自动插入尾部斜杠”(Insert Trailing Slash)勾选后，每当你创建一个新的HTML标签时，Atom都会自动为其添加一个斜杠。

“自动插入根元素”(Insert Root Element)勾选后，每当你创建一个新的HTML文档时，Atom都会自动为其添加一个根元素。

“自动插入doctype声明”(Insert Doctype Declaration)勾选后，每当你创建一个新的HTML文档时，Atom都会自动为其添加一个doctype声明。

5、根据需要调整其他选项，然后点击右上角的保存图标(Save)保存设置。

1、打开Atom编辑器，新建一个HTML文件或在现有文件中编写HTML代码。

2、当你需要输入HTML标签时，只需输入部分标签名称，如<div,按下Tab键(或按回车键),Atom会自动显示与输入内容匹配的HTML标签建议。

3、若要插入完整的HTML标签，只需输入<,然后按下Tab键(或按回车键),Atom会自动显示完整的HTML标签建议，输入<div,按下Tab键(或按回车键)后，会显示<div>、<div class="container">等建议。

4、若要插入属性值，只需在建议列表中选择正确的属性名，然后输入冒号(:),接着输入属性值，输入class="container",按下Tab键(或按回车键)后，会显示class="container"`的建议。

5、若要插入注释，只需在需要插入注释的位置输入双斜杠(//),然后按下Tab键(或按回车键),Atom会自动显示注释建议，输入// This is a comment,按下Tab键(或按回车键)后，会显示<!-This is a comment -->的建议。

6、若要插入空格或换行符，只需在需要插入空格的地方输入空格或按下Tab键(或按回车键),Atom会自动插入空格；在需要插入换行符的地方输入回车键即可。

7、若要撤销操作，按下Ctrl+Z组合键；若要重做操作，按下Ctrl+Y组合键。