Sublime ETPL

An ETPL syntax definition & snippets specifically for Sublime Text.

About ETPL

ETPL is a reusable, flexible, high-performance JavaScript template engine for Browser & Node.

Screenshot

Default syntax & base16-ocean.dark.tmTheme:

Mustache style syntax & Tomorrow.tmTheme:

Install

Get it through Git

Clone the repository in your Sublime Text Packages directory:

git clone https://github.com/ecomfe/sublime-etpl.git ETPL

The Packages directory is located at:

• Sublime Text 3
  • OS X: ~/Library/Application Support/Sublime Text 3/Packages/
  • Linux: ~/.Sublime Text 3/Packages/
  • Windows: %APPDATA%/Sublime Text 3/Packages/
• Sublime Text 2
  • OS X: ~/Library/Application Support/Sublime Text 2/Packages/
  • Linux: ~/.Sublime Text 2/Packages/
  • Windows: %APPDATA%/Sublime Text 2/Packages/

Get it through Sublime Package Control

If you haven't used it yet, just install it from the link above and then:

1. Press Shift + Command (or Ctrl) + P
2. Type install, to bring up the “Package Control: Install Package” option, and press Enter
3. Look for ETPL, and press Enter to install it.

Settings

Go to Preferences > Package Settings > ETPL > Settings - User, insert & override the following JSON snippet:

{
    "commandOpen": "",
    "variableOpen": "${",
    "variableClose": "}"
}

Usage

Comments

Key bindings for “:

• OS X: Command + /
• Linux/Windows: Ctrl + /

Snippets

• target: + Tab → ”
• block: + Tab → ...
• import: + Tab → “
• use: + Tab → ”
• var: + Tab → “
• for: + Tab → ...
• if: + Tab → ...
• elif: + Tab → ”
• else: + Tab → “
• filter: + Tab → ...

Related

• ETPL: Website, GitHub

Contributors

• Firede: GitHub, Weibo
• huanghuiquan: GitHub

License

MIT © Baidu Inc.