Lightning Blits VS Code extensionThis is the official VSCode extension for the Lightning Blits framework. Blits is a lightweight, high-performance frontend framework for Lightning 3 applications. This VSCode extension enhances the development experience by providing rich language support for Blits templates, components, and the UsageOnce installed, the extension will automatically detect and provide language support for:
Commands & Shortcuts
Features1. Syntax Highlighting
2. Code Completion (IntelliSense)
3. Commenting Support
4. Custom
|
Snippet Prefix | Description |
---|---|
blits-file |
Creates a basic .blits file structure with template and script sections |
blits-component |
Scaffolds a complete Blits component structure in JS/TS files |
blits-input |
Adds customizable input handler methods with selectable key options |
blits-input-block |
Inserts a complete input object with handlers for all common keys |
blits-hooks |
Adds individual lifecycle hook methods with method selection |
blits-hooks-block |
Inserts all major lifecycle hooks at once (init, ready, focus, unfocus, destroy) |
blits-attribute-transition |
Creates attribute transition syntax for animations in template strings |
6. Code Formatting
- Automatic formatting of Blits template strings inside JS/TS files.
- Auto-formats entire
.blits
files on save. - Configurable Prettier-based formatting settings.
You can disable the auto-formatting feature by setting the blits.autoFormat
configuration option to false
.
Available Settings
The extension provides several configuration options to customize the formatting experience:
Setting | Default | Description |
---|---|---|
blits.format.printWidth |
120 |
The line length that the printer will wrap on |
blits.format.tabWidth |
2 |
Indentation size |
blits.format.useTabs |
false |
When true , indents with tabs instead of spaces |
blits.format.semi |
false |
Print semicolons at the ends of statements |
blits.format.singleQuote |
true |
Use single quotes instead of double quotes |
blits.format.quoteProps |
as-needed |
Controls when to quote object properties: • as-needed : Only when required• consistent : If any property requires quotes• preserve : Respects original formatting |
blits.format.trailingComma |
all |
Controls trailing commas: • all : Add wherever possible• none : Remove all trailing commas• es5 : Add except in function parameters |
blits.format.bracketSpacing |
true |
Print spaces between brackets in object literals |
blits.format.bracketSameLine |
false |
Put the > of a multi-line tag at the end of the last line |
Customizing Settings
To customize these settings:
- Open VSCode settings (File > Preferences > Settings or
Ctrl+,
/Cmd+,
on Mac) - Search for
Blits
to find all relevant settings - Modify as needed - changes will be applied immediately
You can also edit the .vscode/settings.json
file directly to configure these options.
Feedback & Contributions
This extension is open-source. If you encounter issues or have feature requests, please visit the GitHub Repository and submit an issue or contribute to the codebase.
Enhance your Blits development experience today! 🚀