sublime怎么编译html-sublime-PHP中文网

sublime怎么编译html

下次还敢

发布： 2024-04-03 08:51:16

原创

1285人浏览过

在 Sublime Text 中编译 HTML 的步骤：安装 HTML 预处理器插件。创建 HTML 文档。保存文件为具有 .html 扩展名。按 Ctrl + Alt + B (Windows/Linux) 或 Cmd + Option + B (Mac) 键编译 HTML。查看位于当前目录中名为 index.html 已编译文件。

sublime怎么编译html

如何在 Sublime Text 中编译 HTML

Sublime Text 是一款流行的文本编辑器，它可以用于编辑和编译各种编程语言，包括 HTML。以下步骤介绍了如何在 Sublime Text 中编译 HTML：

步骤 1：安装 HTML 预处理器

转到“Preferences”菜单，然后选择“Package Control”。
在搜索框中输入“HTML-CSS-JS Prettify”，然后按回车键。
找到“HTML-CSS-JS Prettify”插件，然后单击“Install”。

步骤 2：创建 HTML 文档

立即学习“前端免费学习笔记（深入）”；

在 Sublime Text 中创建一个新文件。
将以下 HTML 代码粘贴到文件中：

<!DOCTYPE html>
<html>
<head>
  <title>简单 HTML 页面</title>
</head>
<body>
  <h1>欢迎访问我的网站</h1>
  <p>这是一段段落。</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1474">
                            <img src="https://img.php.cn/upload/ai_manual/001/431/639/68b6ca9287d13570.png" alt="Quicktools Background Remover">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1474">Quicktools Background Remover</a>
                            <p>Picsart推出的图片背景移除工具</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="Quicktools Background Remover">
                                <span>31</span>
                            </div>
                        </div>
                        <a href="/ai/1474" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="Quicktools Background Remover">
                        </a>
                    </div>
                
</body>
</html>

登录后复制

步骤 3：保存文件