Dirstarter comes with pre-configured settings for VSCode and Cursor to provide an optimal development experience. This guide will help you set up your editor for maximum productivity.

Recommended Extensions

The project includes a .vscode/extensions.json file that will prompt you to install these extensions when you open the project in VSCode or Cursor. Dirstarter works best with the following extensions:

Editor Configuration

The repository includes pre-configured settings in .vscode/settings.json that set up:

• Biome settings for formatting and linting
• TypeScript settings
• File associations

Recommended Workflow

For the best development experience:

1. Use the integrated terminal to run development commands
2. Leverage the Problems panel to quickly find and fix issues
3. Use the Source Control panel for Git operations
4. Take advantage of the built-in IntelliSense for TypeScript and React

Custom Cursor Rules (Pro Version)

Dirstarter Pro includes exclusive Cursor Rules—custom AI rules designed specifically for the Cursor IDE. These rules help you speed up the development of custom features by providing intelligent code suggestions, automations, and best practices tailored to the Dirstarter codebase.

How to Access:

• Cursor Rules are available only to Pro customers. After purchasing the Pro plan, you will receive access instructions via email.
• The rules are easy to import into your Cursor IDE and come with setup documentation.

What You Get:

• Custom AI-powered code completions and refactorings
• Automated best-practice enforcement for Dirstarter projects
• Enhanced productivity for building and customizing directory features

If you have the Pro version and need help setting up Cursor Rules, please contact support for assistance.

Next Steps

Now that your editor is configured, learn about Formatting & Linting to maintain code quality.