Stacks VSCode Extension Pack

A collection of extensions for working with Stacks Applications in VS Code to make application development easier and more fun.

Please note, the Stacks framework auto-configures any extension that needs to be configured.

Extensions Included

• Volar - Vue Language Features is a language support extension built for Vue, Vitepress and petite-vue. this is based on @vue/reactivity to calculate everything on-demand, to implement native TypeScript language service level performance ⚡
• Bookmarks - Adds a bookmark to places you designate in your file, and allows you to quickly jump between them. Super helpful. Type command + opt + K to create a bookmark and command + opt + J to jump between them 🔖
• Jumpy - We lose a lot of time scanning with a mouse, time we can get back by using our keyboard instead. Jumpy provides fast cursor movement by giving you a couple of keys that offer a hook to get to another part of the document.
• NPM Intellisense - a plugin that auto-completes npm modules in import statements.
• ES6 Snippets - quickly spin up ES6 JavaScript with only 3 or 4 characters.
• CSS IntelliSense - Windi CSS IntelliSense enhances the development experience by providing VS Code users with advanced features such as autocompletion, syntax highlighting, code folding, and more.
• ESLint - Integrates ESLint into VS Code.
• Spelling Checker - A simple source code spell checker for code.
• markdownlint - Markdown/CommonMark linting and style checking for Visual Studio Code.
• UnoCSS - An atomic CSS framework.
• Todo Tree - This extension quickly searches (using ripgrep) your workspace for comment tags like TODO and FIXME, and displays them in a tree view in the activity bar. The view can be dragged out of the activity bar into the explorer pane (or anywhere else you would prefer it to be).
• Log Output Colorizer - Language extension for VS Code that adds syntax colorization for both the output/debug/extensions panel and *.log files.
• Vitest Explorer - A VS Code extension for the Vitest test runner.
• PostHTML Snippets - Quickly build HTML emails with utility-first CSS.

Contributing

We welcome contributions to this extension pack.

Local Usage

pnpm run package // to create a .vsix file
code --install-extension stacks-vscode-0.44.2.vsix // to install the extension locally

If you would like to add an extension, please open an issue or start a Discussion first 🙏🏼.

Relevant Links

• GitHub
• VS Code Marketplace

Enjoy!