Difference between revisions of "VS Code"
From Roll20 Wiki
Andreas J. (Talk | contribs) (add extension recs) |
Andreas J. (Talk | contribs) m |
||
| Line 9: | Line 9: | ||
===Roll20 Syntax Highlight=== | ===Roll20 Syntax Highlight=== | ||
| − | [[File:Vscode-rmacro-use-examples.gif|right|thumb|600px]] | + | [[File:Vscode-rmacro-use-examples.gif|right|thumb|Showcase of [https://marketplace.visualstudio.com/items?itemName=anduh.rmacro Roll20 Macros]|600px]] |
| − | by [[Andreas J.]] | + | '''[https://marketplace.visualstudio.com/items?itemName=anduh.rmacro Roll20 Macros]''' by [[Andreas J.]] |
| − | + | ||
| + | Extension to make roll20 macro and API command writing & troubleshooting easier. Highlight works when you use VSCode to view <code>.rmacro</code>-files. | ||
| + | * [https://app.roll20.net/forum/permalink/10515058/ Roll20 Syntax Highlight] -forum thread | ||
| + | |||
| + | Features: | ||
* bracket pairing & highlights | * bracket pairing & highlights | ||
** shows with colors which brackets/parentheses belong together(making mismatched brackets easier to find) | ** shows with colors which brackets/parentheses belong together(making mismatched brackets easier to find) | ||
| − | ** | + | ** does this for roll20 macros syntax too (<code>@{ }</code>, <code>?{ }</code>, <code>%{ }</code>, <code>&{ }</code>, <code>$[[ ]]</code>) |
* syntax highlight | * syntax highlight | ||
** roll, macro & API commands (e.g. <code>/r</code>, <code>!example</code>, <code>#dex</code>) | ** roll, macro & API commands (e.g. <code>/r</code>, <code>!example</code>, <code>#dex</code>) | ||
| Line 22: | Line 25: | ||
** special characters used in macros (e.g. <code>~,|#=+</code>, and [[HTML Entities]]) | ** special characters used in macros (e.g. <code>~,|#=+</code>, and [[HTML Entities]]) | ||
* [https://github.com/Anduh/rmacro#features Features: full summary] | * [https://github.com/Anduh/rmacro#features Features: full summary] | ||
| − | |||
| − | |||
| − | |||
| − | |||
===Roll20 Sheet Dev=== | ===Roll20 Sheet Dev=== | ||
| − | [[File:Vscode-sheetdev-hover-swgcolors.gif|right|thumb|600px]] | + | [[File:Vscode-sheetdev-hover-swgcolors.gif|right|thumb|Showcase of [https://marketplace.visualstudio.com/items?itemName=anduh.roll20sheetdev Roll20 Sheet Dev]|600px]] |
| − | by [[Andreas J.]] | + | '''[https://marketplace.visualstudio.com/items?itemName=anduh.roll20sheetdev Roll20 Sheet Dev]''' by [[Andreas J.]] |
| − | Extension to help with [[BCS| | + | Extension to help with [[BCS|Character Sheet Development]]. |
Features: | Features: | ||
| Line 37: | Line 36: | ||
* snippet shortcuts for HTML & [[Sheet_Author_Tips#PUG|PUG]] | * snippet shortcuts for HTML & [[Sheet_Author_Tips#PUG|PUG]] | ||
* [https://github.com/Anduh/vscode-roll20dev#features Features: full summary] | * [https://github.com/Anduh/vscode-roll20dev#features Features: full summary] | ||
| − | |||
| − | |||
| − | |||
| − | |||
<noinclude> | <noinclude> | ||
[[Category:Character Sheet Creation]] | [[Category:Character Sheet Creation]] | ||
Revision as of 17:10, 27 December 2021
 | Page Updated: 2021-12-27 |
 | This article is a stub. |
Visual Studio Code(VS Code) is a popular text editor. It's free, and available for Windows/Linux/Mac, as well as accessible online through vscode.dev.
VS Code has some uses with Roll20, primarily for editing complicated macros, and for Character Sheet Creation.
Extensions
Here are some useful Extensions:
Roll20 Syntax Highlight
Extension to make roll20 macro and API command writing & troubleshooting easier. Highlight works when you use VSCode to view .rmacro-files.
- Roll20 Syntax Highlight -forum thread
Features:
- bracket pairing & highlights
- shows with colors which brackets/parentheses belong together(making mismatched brackets easier to find)
- does this for roll20 macros syntax too (
@{ },?{ },%{ },&{ },$[[ ]])
- syntax highlight
- roll, macro & API commands (e.g.
/r,!example,#dex) - in dice rolls,
d&dF - some common keywords, like
selected,template,%%NEWLINE%% - special characters used in macros (e.g.
~,|#=+, and HTML Entities)
- roll, macro & API commands (e.g.
- Features: full summary
Roll20 Sheet Dev
Roll20 Sheet Dev by Andreas J.
Extension to help with Character Sheet Development.
Features:
- auto-completion, info, & documentation links for roll20-specific HTML elements & attributes
- syntax highlight for rolltemplates & sheetworkers(javascript)-code inside HTML files
- snippet shortcuts for HTML & PUG
- Features: full summary
