在 Sublime Text 3 上为自定义 html 元素设置自动完成

2024-03-31

再会,

如何在 sublime text 3 上为自定义 html 元素设置自动完成,例如如果我输入:dog然后按tab就会变成<dog></dog>.. 感谢您的回答。


您可以创建一个自定义.sublime-completions http://docs.sublimetext.info/en/latest/reference/completions.html为此归档。在 Sublime 中使用 JSON 语法创建一个新文件,使用以下内容(当然可以根据您的需要进行定制):

{
    "scope": "text.html - source, punctuation.definition.tag.begin",

    "completions":
    [
        { "trigger": "foo", "contents": "<foo>$0</foo>" },
        { "trigger": "bar", "contents": "<bar class=\"$1\">$0</bar>" },
        { "trigger": "baz", "contents": "<baz class=\"${1:myclass}\">$0</baz>" }
    ]
}

In the first example, typing foo and hitting Tab will insert <foo>|</foo> where | is the cursor position.

In the second example, typing bar and hitting Tab will insert <bar class="|"></bar>. The cursor will first be between the quotes following class= so you can enter your own class. Hitting Tab again will place the cursor just before </bar>.

The third example works just like the second, except that the class now has a default value. This value will be highlighted after typing baz and hitting Tab - you can either hit Tab again to keep the default value and move the cursor between the opening and closing tags, or you can enter your own value, hit Tab, and move the cursor to between the opening and closing tags.

一旦你按照你喜欢的方式设置了所有内容,将文件另存为Packages/User/HTML.sublime-completions, where Packages是您选择时打开的文件夹Preferences -> Browse Packages....

欲了解更多信息,请点击上面的链接。要了解有关占位符和变量的更多信息,请查看本文档 http://docs.sublimetext.info/en/latest/reference/snippets.html.

祝你好运!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Sublime Text 3 上为自定义 html 元素设置自动完成 的相关文章

  • 如何使用 Anaconda 的解释器设置 SublimeREPL?

    我喜欢 Sublimetext 中的 Python 但我真正需要的是用于数据探索的交互模式 然而 我一生都无法让 SublimeREPL 使用 Anaconda 的解释器 任何想法 将不胜感激 我已将以下内容添加到我的 SublimeREP
  • 将 Emacs/vim 突出显示转换为 TextMate(对于 SublimeText)

    我有语法高亮files https github com brownplt pyret lang tree master tools用于 vim vim 和 emacs el 中的 Pyret 并希望在 Sublime Text 3 中使用
  • Sublime Text 3 中的 React.js 文件语法

    我使用 Sublime Text 3 作为我的代码编辑器 我在 React 中编写了一个基本的 hello world 示例 但是代码上的着色不正确 我尝试安装 Babel 插件 但即使在那之后 着色似乎也不起作用 如下图所示 仅仅安装它是
  • 如何更改 Sublime Text 中输出面板的位置?

    我希望输出显示在代码的右侧 而不是下面 我可以将视图更改为两列 但无法更改输出面板的位置 例如 是否可以将输出面板的位置更改为代码的右侧 而不是代码的下方 有一种解决方案已经存在多年 但似乎并未得到广泛使用 这是包buildview 它将构
  • 在 Sublime Text 3 上为自定义 html 元素设置自动完成

    再会 如何在 sublime text 3 上为自定义 html 元素设置自动完成 例如如果我输入 dog然后按tab就会变成
  • Sublime Text 缩进问题

    我在组合 html 和 jsp 标记时遇到缩进问题 重现步骤 文件 gt 新建文件 Ctrl N 视图 gt 语法 gt Java gt Java 服务器页面 JSP 粘贴以下代码 ul ul
  • Sublime Doctype HTML 片段

    有没有办法可以将下面的 作为片段插入 我尝试使用 首选项 gt 键绑定 用户 但引号确实很重要 您可以通过创建一个新的代码片段Tools gt New Snippet
  • Sublime Text 如何将包添加到全局存储库

    我为 sublime 创建了一个插件 并将其称为 sublimecastling 主要思想是替换 2 个选定的字段 因此 我很高兴知道是否可以将其添加到您的 Sublime 存储库中 以便用户可以通过包控制安装该插件 下面提供了 githu
  • Sublime Text 2 突出显示装订线

    默认情况下 当插入符号位于 Sublime Text 2 中的行号 装订线区域时 该行会突出显示 我怎样才能将其关闭 我看到隐藏装订线的选项 但我希望行号可见 谢谢 要关闭行突出显示 请转到preferences gt settings U
  • 在 Sublime Text 3 中,我可以将 do 文件的选择发送到 Stata 吗?

    This SO question https stackoverflow com questions 18361667 is there a command line editor that highlights the stata syn
  • 如何设置 Sublime Text 在设置一次后自动检测文件类型?

    例如 我有一个 zsh 文件 我希望始终在 sublime 中将其作为 Shell 脚本 bash 文件类型打开 目前 即使我更改并重新打开它 它也默认恢复为文本文件格式 查看窗口的右下角 单击文件类型名称 我们假设它是 Shell 脚本
  • 如何编辑 Sublime Text 构建设置?

    我想启用 std gnu 11Sublime Text 3 的 C 单文件构建于 Ubuntu 12 04 上 我已经将工具链升级到最新的 g 并且不希望在每次构建时看到以下错误 错误 error 此文件需要编译器和库支持 ISO C 20
  • Sublime 2,如何自动关闭HTML标签并将光标放在标签内

    我试图弄清楚如何让 Sublime 2 创建以下行为 Type strong Sublime 然后会立即打印 strong strong 然后你的光标将被放置在标签内 我觉得它在不超过几个月前自动执行了此操作 或者也许我只是产生幻觉 或者正
  • Flex 和 Bison 是否有 Sublime Text 语法?

    我正在 Sublime Text 中寻找一种语法 以某种方式突出显示我的 Flex 和 Bison 文件 或 lex yacc 使它们可读 Sublime Text 自动为 Flex 文件选择 Lisp 但这并不能解决问题一切都很好 有什么
  • 如何更改 Sublime Text 3 中缩进指南选项的颜色?

    如何更改缩进引导线颜色 您需要编辑您正在使用的配色方案的配色方案文件 并找到
  • CTRL + 单击 Sublime Text 2 中的绑定

    我多年来使用 IDE 的一个长期习惯是 CTRL 或命令 单击选择一个完整的单词 这相当于双击当前 ST2 中的单词 我希望能够在ST2中恢复这个能力 我会用按键绑定还是插件来解决这个问题 如果您创建一个sublime text 2 Pac
  • Sublime Text 2:如何让scss和Less文件有颜色?

    我正在使用 Sublime Text 2 和css scss and css less文件都是白色文本 注释 括号 语法 一切 如果我看看我的常规css文件 它们有颜色来区分上述所有内容 还有其他人处理过这个吗 这是我遇到的错误吗 我如何添
  • 关闭 Sublime Text 3.2 中的 git 集成

    如果我想关闭 Sublime text 左侧装订线中的 GIT 集成 又名史莱姆绿线 我只需将其切换为 false 26 show git status false 但是 当在首选项中进行设置时 我收到错误 尝试解析设置时出错 意外的字符
  • Sublime Text 中的非捕获组正则表达式不起作用

    I m trying to remove all lingering spaces between tags So I try to select them with a regex span span 我的正则表达式是 gt lt 我试图
  • Sublime Text 2 不保存构建的 SASS 文件

    我安装了Sublime Text 2 的 SASS 构建系统 https github com jaumefontal SASS Build SublimeText2正如自述文件中所述 一切都成功了 也是SASS安装 现在 如果我尝试构建

随机推荐

  • 如何从ocaml列表中获取子列表

    我正在查看列表文档 图书馆好像没有提供sublist功能 我正在尝试从中获取元素列表i to j 现在我必须把它写成 let rec sublist list i j if i gt j then else List nth list i
  • 如何解析会导致非法 C# 标识符的 JSON 字符串?

    我一直在使用NewtonSoft JSON 转换 http james newtonking com json用于解析 JSON 字符串并将其转换为 C 对象的库 但现在我遇到了一个非常尴尬的 JSON 字符串 我无法将其转换为 C 对象
  • JavaMail 与 Oauth 和 Office365

    我正在用 Java 构建一个简单的命令行应用程序 它可以登录我的电子邮件箱 IMAP 并下载所有附件 我使用了基本身份验证 但 Microsoft 正在禁用它 因此我尝试将我的应用程序转换为使用 OAuth 在阅读了不同的 OAuth 流程
  • 部署时出现 aws beanstalk 403 错误

    您好 我正在使用亚马逊网络服务弹性豆茎 每次我使用 git aws push 时 我的 php 应用程序都会成功上传但是 当我单击 url 时 它会显示 Forbidden You don t have permission to acce
  • 自旋锁与忙等待[关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 请解释原因忙碌等待通常不受欢迎 而Spinning通常被认为还可以 据我所知 它们都会无限循环 直到满足某些条件 A 自旋锁通常在资源争用较少时
  • 使用Mysql lower_case_table_names为1

    我已经使用 yum 在 linux 中安装了 mysql v5 5 17 现在我想要默认的小写表名 所以我添加了 set variable lower case table names 1 in etc my cnf 但如果我这样做 我就无
  • 获取安装目录安装盾

    我想通过安装盾来创建我的设置 我使用命令参数Setup exe path SETUPEXEDIR log txt我的设置位置是Desktop myapp Setup exe使用 SETUPEXEDIR 时返回临时文件夹 我希望在使用 SET
  • 为什么我不能让单个 Redis 客户端在同一连接中充当 PUB 和 Sub ?

    我的思维模型是 聊天 我订阅了某个频道 并且可以向该频道发布消息 由于 pub sub 是异步的 因此发布的消息可能随时出现 包括当您期望命令响应时 尽管 Redis 是单线程的 通常会阻止此类事情 但网络延迟可能会导致一些有趣的影响 根据
  • 如何修复“属性没有初始值设定项并且未在构造函数中明确分配”错误?

    我对这些课程有疑问 我想使用该方法doSomething 班级独有B无需每次都进行类型转换 但是当我指定属性时a属于类型B 它告诉我它没有在构造函数中分配 这有点错误 因为父构造函数进行了分配 class A class B extends
  • 在 Android 模拟器上安装 Flash Player

    我想知道在android模拟器上安装flash播放器的过程 请详细 我需要执行此操作来测试应用程序 但目前我没有任何物理设备 我已经尝试过的事情 1 我已经检查了有关此主题的所有堆栈溢出链接 2 我已经知道adobe已经停止了android
  • 如何实现 STL 风格的迭代器并避免常见的陷阱?

    我创建了一个集合 我想为其提供一个 STL 风格的随机访问迭代器 我正在寻找迭代器的示例实现 但没有找到 我知道需要 const 重载 and 运营商 迭代器 STL 风格 的要求是什么 还有哪些其他需要避免的陷阱 如果有 附加上下文 这是
  • 背景图像未完全拉伸

    前几天我刚刚启动了一个网站 并认为它没有奇怪的 CSS 错误 但显然事实并非如此 我在这里尝试做的是拉伸图像以适应页面的高度和宽度 问题 我有以下标记 img src images night sky7 jpg class stretch
  • Debian 的简单初始化脚本中出现“;;意外”语法错误

    我有这个初始化脚本来运行 uwsgi 它有效 但仅限于启动命令 所有其他命令都会给我这个错误 etc init d uwsgi 27 etc init d uwsgi Syntax error unexpected 我正在阅读的教程中似乎应
  • 负载测试kafka消费者

    我正在编辑问题 因为我认为它不够清楚 如何对我的 kafka 消费者进行负载测试 我看过很多关于 apache kafka 负载测试的文章 但没有一篇关于消费者负载测试的文章 对于前 我在jsr223中编写了jmeter kafka生产者测
  • 当子视图的内容更改时,滚动视图不会调整大小

    我有一个WebView在 的里面ScrollView 内容为WebView当显示不同的html页面时动态变化 我有以下问题 例如我有A html and B html 内容为B html大于A html 所以页面更长 When WebVie
  • 最大乘法列数

    我有一个小问题 在我的表中我有这些行 PersHist ID Date Histroy 1 01 01 2008 0 1 01 01 2008 1 1 01 01 2008 2 1 02 01 2008 0 1 02 01 2008 1 现
  • 如何运行Docker检查来获取ECR注册表中图像的图像元数据

    我拥有对 ECR 注册表的相关访问权限 但是我无法通过运行 Docker 检查命令来获取图像元数据 我正在尝试与 docker inspect ecrregistryurl dockerimage imageversion update 如
  • 将 Shiny DT 行复制到用户剪贴板

    有没有办法让闪亮的数据表 DT 中选定的行可供用户复制 Ctrl C 到剪贴板 理想情况下 它还可以提供数据表的列名或标题 UPDATE global R library rclipboard library shiny ui R rcli
  • 在 Selenium Webdriver Java 中,是否可以在不使用 driver.switchTo().frame("frameName") 的情况下切换到框架中的元素?

    我有多个嵌套框架 我需要访问这些框架下的元素 由于这些框架是动态的 我无法访问这些元素 我是否可以在不使用的情况下访问元素driver switchTo frame 喜欢直接使用 xpath 或 jquery javascript 或其他什
  • 在 Sublime Text 3 上为自定义 html 元素设置自动完成

    再会 如何在 sublime text 3 上为自定义 html 元素设置自动完成 例如如果我输入 dog然后按tab就会变成