简介
Atom 是一款开源的代码编辑器，它支持多种编程语言和插件，可以帮助开发者提高工作效率，在 Atom 中，我们可以使用 HTML 作为编辑器的基础模板，这样可以方便地编写网页，本文将介绍如何在 Atom 中修改 HTML 模板。
安装依赖
1、首先确保已经安装了 Node.js,可以在命令行输入 node -v 查看是否已经安装以及版本信息。
2、在命令行中输入以下命令安装 atom-html-preview 插件：
apm install atom-html-preview
3、安装完成后，重启 Atom。
创建 HTML 模板
1、打开 Atom,点击菜单栏的 "File" > "New File",新建一个文件。
2、将以下 HTML 代码复制到新建的文件中：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>Hello, World!</h1> </body> </html>
3、点击菜单栏的 "File" > "Save As",将文件另存为 "Templates" 文件夹下的 "HTML Template" 文件，默认路径为：~/.atom/packages/atom-html-preview/templates/default.html，如果没有 "Templates" 文件夹，请先创建一个。
使用 HTML 模板
1、在需要使用 HTML 模板的地方，点击菜单栏的 "Edit" > "Open With",选择 "HTML Preview (atom-html-preview)"，这将使用当前设置的 HTML 模板打开一个预览窗口。
2、在预览窗口中，点击右上角的齿轮图标，选择 "Settings",进入设置页面，在这里，你可以修改模板的样式和内容，可以修改标题、字体、背景颜色等。
3、修改完成后，点击右上角的 "Apply" 按钮应用更改，然后关闭设置页面，现在预览窗口中的 HTML 将显示你刚刚修改的内容。
相关问题与解答
Q: 如何删除默认的 HTML 模板？
A: 如果你想删除默认的 HTML 模板，只需将其从 "Templates" 文件夹下移除即可，注意备份原始文件，以防万一。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/159554.html
微信扫一扫