Character Vault
Any Concept / Any System
Compendium
Your System Come To Life
Roll20 for Android
Streamlined for your Tablet
Roll20 for iPad
Streamlined for your Tablet

Personal tools

Difference between revisions of "VS Code"

From Roll20 Wiki

Jump to: navigation, search
(add extension recs)
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:
  
==Extensions==
+
<includeonly>=</includeonly>===Roll20 Syntax Highlight===<includeonly>=</includeonly>
Here are some useful Extensions:
+
[[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.]]
  
===Roll20 Syntax Highlight===
+
Extension to make roll20 macro and API command writing & troubleshooting easier. Highlight works when you use VSCode to view <code>.rmacro</code>-files.
[[File:Vscode-rmacro-use-examples.gif|right|thumb|600px]]
+
* [https://app.roll20.net/forum/permalink/10515058/ Roll20 Syntax Highlight] -forum thread
by [[Andreas J.]]
+
Extension to make roll20 macro and API command writing & troubleshooting easier. Higlight works when you use VSCode to view <code>.rmacro</code>-files.
+
  
 +
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)  
** also does this for roll20 macros syntaxes (<code>@{ }</code>, <code>?{ }</code>, <code>%{ }</code>, <code>&{ }</code>, <code>$[[ ]]</code>)
+
** 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.]]
  
Links:
+
Extension to help with [[BCS|Character Sheet Development]].
* [https://marketplace.visualstudio.com/items?itemName=anduh.rmacro Extension] - VSCode Marketplace & Full Details
+
* [https://app.roll20.net/forum/permalink/10515058/ Roll20 Syntax Highlight] -forum thread
+
===Roll20 Sheet Dev===
+
[[File:Vscode-sheetdev-hover-swgcolors.gif|right|thumb|600px]]
+
by [[Andreas J.]]
+
 
+
Extension to help with [[BCS|character sheet development]]
+
  
 
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}}
Links:
+
* [https://marketplace.visualstudio.com/items?itemName=anduh.roll20sheetdev Extension] - VSCode Marketplace
+
 
+
 
<noinclude>
 
<noinclude>
 
[[Category:Character Sheet Creation]]
 
[[Category:Character Sheet Creation]]

Revision as of 17:17, 27 December 2021


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

Showcase of Roll20 Macros

Roll20 Macros by Andreas J.

Extension to make roll20 macro and API command writing & troubleshooting easier. Highlight works when you use VSCode to view .rmacro-files.

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)
  • Features: full summary

Roll20 Sheet Dev

Showcase of Roll20 Sheet Dev

Roll20 Sheet Dev by Andreas J.

Extension to help with Character Sheet Development.

Features: