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
m
m (remove warning, plugins still work)
 
(7 intermediate revisions by one user not shown)
Line 3: Line 3:
  
 
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]].
==Extensions==
+
<noinclude>==Extensions==</noinclude>
 
Here are some useful VS Code extensions:
 
Here are some useful VS Code extensions:
  
===Roll20 Syntax Highlight===
+
<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]]
 
[[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.]]
 
'''[https://marketplace.visualstudio.com/items?itemName=anduh.rmacro Roll20 Macros]'''  by [[Andreas J.]]
Line 23: 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]
===Roll20 Sheet Dev===
+
<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]]
 
[[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.]]
 
'''[https://marketplace.visualstudio.com/items?itemName=anduh.roll20sheetdev Roll20 Sheet Dev]''' by [[Andreas J.]]
Line 34: 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]
 +
 +
<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