Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Roll20 Sheet DevNew to Visual Studio Code? Get it now.
Roll20 Sheet Dev

Roll20 Sheet Dev

Preview

Anduh

|
1,273 installs
| (0) | Free
Tools for creating Roll20 Character Sheets.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Roll20 Sheet Dev

VSMarket: rmacro installs Contributions Last Commit

Twitter: @anduh_ Patreon Donate

Tools for Roll20, to help with Character Sheet Development.

  • Roll20 Sheet Dev
    • Features
      • HTML
        • Rolltemplates
      • JS
      • PUG
      • CSS/SCSS
    • Examples
    • Contribute
  • Related Extensions

Features

HTML

  • recognize, autocompletes, and on hover, shows documentation + links
    • elements: <rolltemplate> and <charmancer>
    • global attributes: data-i18nand it's variants
    • recognize: button type="roll", type="action"; input type="hidden" as options
  • snippets: common roll20 elements & fills out with relevant attributes

Rolltemplates

Roll20 rolltemplate syntax is higlighted in .html-files using Handlebar-syntax

Any files named .rolltemplate or .rtemplate will show HTML & rolltemplate syntax highlight

JS

  • <script type="text/worker">-blocks in .html-files now shows js highlight properly

PUG

  • snippets: common roll20 elements & fills out with relevant attributes
    • e.g. inputs always have name="attr_", buttons recognize type="roll" & "action"
  • autocomplete & documentation links: partial

CSS/SCSS

  • couple of snippets

Examples

Roll20 Sheet Development documentation, and rolltemplate/sheetworker syntax highlight:

Pug-snippet expanded

Contribute

repo: Anduh/vscode-roll20sheetdev

You can help even without knowing how VS Code extensions work. Here are a few concrete parts to start from:

  • add more html/pug/css/js Snippets: if you look at the existing snippets for the plugin, you can follow the same patterns and expand the collection of snippets easily.
    • About:VS Code Snippet Syntax

Related Extensions

Roll20 Macros is a related extension, which provides syntax highlight for Roll20's macro & dice syntax.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft