首页 >开发工具 >sublime >sublime怎么设置自动补全html头部信息

sublime怎么设置自动补全html头部信息

下次还敢
下次还敢原创
2024-04-03 14:45:19871浏览

在 Sublime Text 中,通过添加用户代码段,您可以自动补全 HTML 头部信息。具体包括:字符集、标题、基准 URL、样式表和脚本。

sublime怎么设置自动补全html头部信息

Sublime Text 中自动补全 HTML 头部信息的设置

在 Sublime Text 中,您可以通过以下步骤设置自动补全 HTML 头部信息:

1. 打开用户设置文件

  • Windows/Linux: 打开文件 -> 首选项 -> 设置
  • Mac: 打开 Sublime Text -> 首选项 -> 设置

2. 添加用户代码段

在用户设置文件中,找到 User Code Snippets 部分并添加以下代码段:

<code>html_head:
  'html_head': {
    "scope": "text.html meta.head",
    "body":
'''
<meta charset="${1:utf-8}">
<title>${2:Untitled Document}</title>
<base href="${3:/}">
<link href="${4:styles.css}" rel="stylesheet">
<script src="${5:main.js}"></script>
'''
  }</code>

3. 保存设置文件

保存并关闭用户设置文件。

使用方法:

在 HTML 头部区域(<head> 标签内)开始输入 html_head,Sublime Text 将为您自动补全以下信息:

  • 字符集(charset)
  • 标题(title)
  • 基准 URL(base)
  • 样式表(link)
  • 脚本(script)

您可以根据需要修改代码段中的默认值。

以上是sublime怎么设置自动补全html头部信息的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn