ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

超脚本

由 gnat ST4

Sublime Text 超脚本语法高亮。（_hyperscript，HTMX）

标签 语言语法，语法，HTML，脚本，高亮，htmx，JavaScript

详细信息

安装次数

  • 总计 122
  • Win 42
  • Mac 44
  • Linux 36
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日
Windows 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Mac 0 1 0 0 0 0 0 0 1 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0

说明

源码
raw.​githubusercontent.​com

Hyperscript for Sublime Text

为Hyperscript (_hyperscript)语言提供语法高亮，包括嵌入HTML中和独立文件中。

Hyperscript是HTMX的配套项目。 Stimulus、Alpine.js、jQuery的推荐替代品。

什么是Hyperscript？

  • 面向事件的编程语言。
  • 将关注的点放在行为的相关性上，而不是JavaScript模块的冗长描述。
  • 异步透明性。
  • 没有长事件链或圣诞树。
  • 空安全。
  • 自文档化的自然语法，受Hypertalk和AppleScript启发。
  • 在组件中节省大量代码。

查看：[A First Look at Hyperscript](https://putyourlightson.com/articles/a-first-look-at-hyperscript)

What is hyperscript / HTMX ?

示例高亮

image （颜色方案：[Invader Zim](https://github.com/gnat/sublime-invader-zim)）

安装

选项A（软件包控制。🙏🏻 即将推出！）：首选项 ➡️ 软件包控制 ➡️ 安装软件包 ➡️ 超脚本 ➡️ 回车

启用：视图 ➡️ 语法 ➡️ 超脚本 ➡️ HTML (超脚本)

选项B（直接）：首选项 ➡️ 浏览软件包 ... ➡️ cd 用户 ➡️ [下载并解压最新版](https://github.com/gnat/hyperscript-sublime/archive/refs/heads/main.zip)

启用：视图 ➡️ 语法 ➡️ 用户 或 hyperscript-sublime 或 超脚本 ➡️ HTML (超脚本)

享受！😊 在[Discord](https://htmx.org/discord)找到社区！查看[Hyperscript速查表](https://thisweek.htmx.org/assets/2021-12-19/hyperscript-cheatsheet.pdf)！

HTMX和Hyperscript之间的关系是什么？

  • HTMX和Hyperscript是兄弟项目。
  • 它们被设计得可以很好地协同工作，HTMX 用于服务器交互和 Hyperscript 用于纯前端交互，但两者互不影响。

启用高亮显示...

支持的标签属性

  • _=""
  • hs=""
  • data-hs=""

脚本标签

  • <script type="text/hyperscript"></script>

推荐的 Sublime 颜色方案

特别感谢

参考文献