Setting Up Your Editor
Configure Visual Studio Code with the recommended extensions for Plexcord plugin development.
Setting Up Your Editor
We use Visual Studio Code to develop Plexcord, and our configs and extensions are tailored to it. We strongly recommend using VSCode for the best development experience.
If you don't have it yet, download it from code.visualstudio.com.
Installing Recommended Extensions
Open your Plexcord directory in VSCode. You should see a notification in the bottom-right corner asking if you want to install the recommended extensions.
If you don't see the notification, open the Extensions tab in the left sidebar and look for the Recommended section.
Accept the prompt and VSCode will install the following extensions:
| Extension | Purpose |
|---|---|
| EditorConfig | Configures formatting settings to match Plexcord's code style |
| ESLint | Enforces consistent code style and catches common errors |
| StyleLint | Same as ESLint, but for CSS files |
| Plexcord Companion | Our homemade extension — adds useful features and code snippets for Plexcord development |
| JSON2TS | Converts JSON objects to TypeScript interfaces; very useful for auto-generating types for Discord objects |
Plexcord Companion is especially useful. It provides IntelliSense for Plexcord-specific APIs, snippets for common plugin patterns, and real-time feedback while writing patches.