Difference between revisions of "VS Code"
From Roll20 Wiki
Andreas J. (Talk | contribs) (add extension recs) |
Andreas J. (Talk | contribs) m |
||
(4 intermediate revisions by one user not shown) | |||
Line 1: | Line 1: | ||
<noinclude>{{revdate}}{{stub}}</noinclude> | <noinclude>{{revdate}}{{stub}}</noinclude> | ||
− | |||
[https://code.visualstudio.com/ 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 [https://vscode.dev vscode.dev]. | [https://code.visualstudio.com/ 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 [https://vscode.dev vscode.dev]. | ||
VS Code has some uses with Roll20, primarily for editing complicated [[macros]], and for [[:Category:Character Sheet Creation|Character Sheet Creation]]. | VS Code has some uses with Roll20, primarily for editing complicated [[macros]], and for [[:Category:Character Sheet Creation|Character Sheet Creation]]. | ||
+ | <noinclude>==Extensions==</noinclude> | ||
+ | Here are some useful VS Code extensions: | ||
− | == | + | <includeonly>=</includeonly>===Roll20 Syntax Highlight===<includeonly>=</includeonly> |
− | + | [[File:Vscode-rmacro-use-examples.gif|right|thumb|Showcase of [https://marketplace.visualstudio.com/items?itemName=anduh.rmacro Roll20 Macros]|600px]] | |
+ | '''[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 | |
− | + | ||
− | Extension to make roll20 macro and API command writing & troubleshooting easier. | + | |
+ | 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 23: | ||
** 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] | ||
+ | <includeonly>=</includeonly>===Roll20 Sheet Dev===<includeonly>=</includeonly> | ||
+ | [[File:Vscode-sheetdev-hover-swgcolors.gif|right|thumb|Showcase of [https://marketplace.visualstudio.com/items?itemName=anduh.roll20sheetdev Roll20 Sheet Dev]|600px]] | ||
+ | '''[https://marketplace.visualstudio.com/items?itemName=anduh.roll20sheetdev Roll20 Sheet Dev]''' by [[Andreas J.]] | ||
− | + | Extension to help with [[BCS|Character Sheet Development]]. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | Extension to help with [[BCS| | + | |
Features: | Features: | ||
Line 37: | Line 34: | ||
* 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] | ||
− | + | {{clear}} | |
− | + | ||
− | + | ||
− | + | ||
<noinclude> | <noinclude> | ||
[[Category:Character Sheet Creation]] | [[Category:Character Sheet Creation]] |
Revision as of 17:17, 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 VS Code 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