After a light poll the three most commonly used development enviornments by Foundry developers were found to be VSCode, Jetbrains based IDEs, and Notepad++. Here are tips and tricks for using each of them, where to find them, and helpful supplemental tools.
Where to get it: Download from Microsoft
Cost Free
- Lightweight but complete IDE with intellisense and other possibilities
- Well Supported with large community of users AND Most common IDE in Foundry dev community
- Very extensible, with large library of features to customize the enviornment to your preferences
List of Extensions used in the Foundry Community
- Hex Color Highlight: Visualizes the color of hexcode colors
- ESLint Extension: Adds Eslint Extension for helping find code errors
- Github Markdown Preview: Extension Bundle that makes VSCode rendering of markdown mirror that of github
- Indenticator: Virtually HighlightsCurrent indention line
- Markdown Shortcuts: Productivity Enhancer for writing Markdown
- Markdownlint: Enforces Standards in Markdown
- Open Window Tab Context: Adds a right click menu option to open tab in anew window
- Path Intellisense: Adds file path intellisense
- Rainbow Brackets: Makes each corresponding pair of brackets share a unique color for readability
- RightClickFix: Adds Right click for New File/Folder
- IntelliCode: Microsoft extension for Intellisense
- Workspace Explorer:Makes multiple workspaces easier to navigate
- Setup Video How to Debug FoundryVTT with VSCode
Where to get it: Needs Link
Cost: Free with Open Source subscription, $59 Annual otherwise
- All-in-One IDE that has everything it needs for coding, deploying, code repository integration, etc.
- Everything you need comes out of the box, no extensions required, thoughh if really needed plugins are still available
To Debug FoundryVTT with any Jetbrains IDE. From the 'Run' menu, select 'Edit Configurations', click the '+' icon to add a debug configuration, choose 'Javascript Debug', set the URL to 'http://localhost:3000', choose which browser to use, click OK to save. Then, once you have started Foundry, start the debugger from the green 'bug' icon in the upper right corner of your IDE. The debugger will then start a browser that connects to foundry. All the usual debugger functionality then works from within the IDE.
Where to get it: Download Page
Cost Free
Github Desktop