Tooling
How to improve the developer experience in Visual Studio Code.
Built-in Documentation
We partnered with Adobe to create a new way of reading and consuming documentation without ever leaving the code editor. This new format is called Design System Package (DSP) and it's open source. Here's a preview:
If you want to see the Dracula UI documentation inside Visual Studio Code, follow these steps:
- Install the Adobe XD extension on VSCode
- Click on the "XD" button on the bottom right corner
- Click on the "Load Package" option
- Select the
node_modules/dracula-ui/dspfolder - Now you should see the documentation
Autocomplete
In order to have autocomplete enabled on Visual Studio Code you must follow the steps above.
Once everything is installed, you should see snippets for HTML and JavaScript code. Here's an example with React:
