javascript - 在 Atom Snippets 中,如何设置 text/x-template 脚本标记的范围

标签 javascript atom-editor

将范围设置为以特定扩展名结尾的文件时,Atom 代码片段语法看起来很简单,但我希望将范围定义为如下内容:

<script type="text/x-template" id="#open-deposit-checker">
... I would like HTML snippets to work in here ...
</script>

在我的片段文件中,我认为我可以这样做以使其在任何地方都可以工作,但它似乎不起作用。我真的很想知道如何正确地进行代码片段作用域:

'*':
    'Heading 1':
        'prefix': 'h1'
        'body': '<h1>$1</h1>$0'

最佳答案

Atom Snippets package不支持此功能。

目前,范围是由文件类型和可用语法定义的,但您无法像使用 CSS 选择器那样扩展它。

如果您查看language-html grammar used in Atom ,您可以获得的最接近的范围是 source.js.embedded.html。它定义了嵌入 HTML 文件中的脚本标记。不幸的是,如果不更改此语法,您将无法在您的范围内过滤 text/x-template

Atom 中还有一个小功能,可以随时为您提供当前范围,这将节省您一些时间。您可以随时携带Command Palette使用 Cmd-Shift-p 并运行 Editor: Log Cursor Scope 命令。它将触发包含当前范围列表的通知。

例如,在您的情况下,您将得到:

List of current scopes

在这种情况下,source.js.embedded.html 范围确实更接近。

关于javascript - 在 Atom Snippets 中,如何设置 text/x-template 脚本标记的范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38173437/

相关文章:

Python Atom Hydrogen,逐行或一次性单步执行代码

encoding - 如何 “save with encoding”

javascript - jquery 动态 ID

javascript - 在JQuery中获取上个月的第一个和最后一个日期

javascript - 如何从字符串制作 HTML 元素,然后在 React 中选择一个元素?

javascript - 如何在每次调用时创建不同长度的数组

javascript - 加载 Atom.io 包中的 HTML 文件

javascript - 在jquery中使用height()方法

atom-editor - 键绑定(bind)的原子数据语法

keymapping - 更改 TreeView :Toggle in Atom? 的键盘映射