Eucalyptus

Eucalyptus is an extension for VS Code that helps you create UI directory with predefined templates for React applications.

Templates

When creating a directory, you will be asked to select one of the prepared templates

• Diamond (contains component, style and index files)
• Ruby (contains component and index files)
• Sapphire (contains component and style files)
• Emerald (contains style and index files)

Configuration

eucalyptus.settings.useTypescript - specify whether TypeScript should be used for UI component
Default: true

eucalyptus.settings.styleFormat - specify the style format for UI component
Available Options: css, scss, less
Default: scss

eucalyptus.settings.useCssModules - specify whether to use CSS Modules for importing styles for UI component
Default: true

eucalyptus.settings.shouldOpenAfterCreation - should the UI directory files be opened after creation or not
Default: false

Installation

Install the Eucalyptus extension from the Marketplace in VS Code.