Visual Studio Code 的 Template Toolkit 扩展（TT2）为开发者提供了一套强大的工具，旨在提升在 HTML 文件中使用 Template Toolkit 模板标记的开发体验。该扩展提供了语法高亮和代码片段功能，帮助您更高效地编写和管理模板代码。

文件扩展名支持：

默认情况下，该扩展识别 .tt 和 .ttml 文件作为 Template Toolkit 文件，确保您能够在这些文件类型中享受完整的功能支持。

语法高亮：

TT2 扩展能够识别 Template Toolkit 语言中的语法元素，并为其应用相应的范围标记，以便主题能够正确地进行语法高亮。您可以通过命令面板中的 "Developer: Inspect Editor Tokens and Scopes" 命令来检查应用的范围。

• 内联标签：[% 和 %] 之间的所有标记都被赋予 meta.tag.template.tt 范围。
• 轮廓标签：以 %% 开头的行被赋予 meta.tag.template.tt 范围，直到行尾。
• 标签标识符：内联标签的 [% 和 %] 标记以及轮廓标签的 %% 被赋予 punctuation.definition.tag.tt 范围。
• 关键字：IF, ELSE, END, INCLUDE, PROCESS 等被赋予 keyword.control.tt 范围，支持小写变体。
• 操作符：, -, <, > 等被赋予 keyword.operator.tt 范围。
• 变量：foo, bar 等被赋予 variable.other.tt 范围。
• 双引号字符串："like this" 被赋予 string.quoted.double.tt 范围。
• 单引号字符串：'like this' 被赋予 string.quoted.single.tt 范围。
• 注释：# like this in a directive 被赋予 comment.line.number-sign.tt 范围。

代码片段：

该扩展提供了两种风格的代码片段：传统风格和轮廓风格。

• 传统风格：使用内联标签和大写关键字，例如 [% INCLUDE file %]。

  • ttif：IF/END 指令。
  • ttifel：IF/ELSE/END 指令。
  • ttfor：FOR/END 指令。
  • ttin：INCLUDE 指令。
  • ttpr：PROCESS 指令。
  • ttwr：WRAPPER/END 指令。

• 轮廓风格：使用轮廓标签和小写关键字，例如 %% include file。

  • ttifo：if/end 指令。
  • ttifelo：if/else/end 指令。
  • ttforo：for/end 指令。
  • ttino：include 指令。
  • ttpro：process 指令。
  • ttwro：wrapper/end 指令。

通过使用 TT2 扩展，您可以在 Visual Studio Code 中更高效地处理 Template Toolkit 模板，提升开发效率和代码可读性。