VSCode extension for intellisense for data, events, slots etc. in components.
Overview:
Svelte Intellisense is a robust extension for Visual Studio Code designed to enhance the development experience for Svelte applications. By providing intelligent code completions, navigation features, and documentation support, it makes working with Svelte components more efficient and user-friendly. This extension leverages the sveltedoc-parser to pull comprehensive information about your components, enabling developers to focus more on building features rather than wrestling with syntax errors.
With its myriad of features, Svelte Intellisense is an essential tool for developers looking to maximize productivity while working with Svelte. The integration into the VSCode environment allows for seamless interactions, making it a must-have for those who want to take their Svelte projects to the next level.
Features:
- Go to Definition: Easily navigate between components by clicking on their usage in markup or import sections to quickly view source code.
- Hover Documentation: Get instant access to component documentation, including events, props, and slots, displayed while hovering over relevant code.
- Completion Path Resolving: Quickly search for files to import with enhanced completion paths, including suggestions from the
node_modules folder. - HTML Tag Support: Benefit from standard auto-completion for HTML tags and Svelte-specific attributes to speed up coding.
- Template Blocks Support: Utilize Svelte’s blocks such as if, each, and await, with added support for branching and logic handling.
- JSDoc Support: Create detailed component documentation using JSDoc syntax, which is integrated into completion items and hover features.
- Component State Management: Simplified mechanisms for managing computed properties and data properties for component state.
- Symbol Search and Rename: Easily find and manage references within your workspace, along with the ability to rename symbols for better organization.
