A VS Code extension for previewing tmLanguage grammar files. Created with Reactive VS Code.

There is also a online version: tmLanguage Playground.

1. Open a .tmLanguage.json file in VSCode. For example, xyz.tmLanguage.json.
2. Create a new file with the same name but with a .example infix. For example, xyz.example.any.
3. Click the icon on the top right of the editor to open the previewer.

• package.json - this is the manifest file in which you declare your extension and command.
• src/* - this is the folder containing the webview code. (DOM environment)
• extension/* - this is the folder containing the extension code. (Node.js environment)

• Run pnpm install to install all necessary dependencies.
• Run pnpm dev in a terminal to compile the extension.
• Press F5 to open a new window with your extension loaded.

• You can relaunch the extension from the debug toolbar after changing code in src/extension.ts.
• You can also reload (Ctrl+R or Cmd+R on Mac) the VS Code window with your extension to load your changes.