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
(VS Code Extension for Roll20 Macros, stub)
 
m (remove warning, plugins still work)
 
(12 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://app.roll20.net/forum/permalink/10515058/ Roll20 Syntax Highlight]''' -forum thread
+
VS Code has some uses with Roll20, primarily for editing complicated [[macros]], and for [[:Category:Character Sheet Creation|Character Sheet Creation]].
* '''[https://marketplace.visualstudio.com/items?itemName=anduh.rmacro Roll20 Syntax Highlight VS Code Extension]'''
+
<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.]]
  
An Extension for [https://code.visualstudio.com/ Visual Studio Code]-text editor, to make roll20 macro and API command writing & troubleshooting easier. Visual Studio Code is a free text editor for Windows/Linux/Mac.  
+
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
 +
** 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
 +
** roll, macro & API commands (e.g. <code>/r</code>, <code>!example</code>, <code>#dex</code>)
 +
** in dice rolls, <code>d</code> & <code>dF</code>
 +
** some common keywords, like <code>selected</code>, <code>template</code>, <code>%%NEWLINE%%</code>
 +
** special characters used in macros (e.g. <code>~,|#=+</code>, and [[HTML Entities]])
 +
* [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]].
 +
 +
Features:
 +
* auto-completion, info, & documentation links for roll20-specific HTML elements & attributes
 +
* syntax highlight for [[Building_Character_Sheets/Roll_Templates|rolltemplates]] & [[sheetworkers]](javascript)-code inside HTML files
 +
* snippet shortcuts for HTML & [[Sheet_Author_Tips#PUG|PUG]]
 +
* [https://github.com/Anduh/vscode-roll20dev#features Features: full summary]
 +
 +
<includeonly>=</includeonly>===Other Extensions===<includeonly>=</includeonly>
 +
 +
* [https://marketplace.visualstudio.com/items?itemName=mkaufman.HTMLHint HTMLHint] - catch minor issues in your code, like accidentally capitalized HTML elements
 +
* [https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css HTML CSS Support] or [https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion IntelliSense for CSS class names in HTML]
 +
* [https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode Prettier - Code formatter]
 +
* [https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode Tabnine] - autocomplete based on your code
 +
* [https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens GitLens] - makes using [[Git]] easier
 +
* [https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github GitHub Pull Requests and Issues] - manage [[Github]] interaction in VS Code
 +
{{clear}}
 
<noinclude>
 
<noinclude>
[[Category:Character Sheet Creation]]
 
 
[[Category:Macros]]
 
[[Category:Macros]]
[[Category:External tools]]
+
[[Category:External Tools]]
 +
[[Category:Character Sheet Creation]]
 +
[[Category:API Development]]
 
</noinclude>
 
</noinclude>

Latest revision as of 09:14, 8 October 2022


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.

Contents

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:

Other Extensions