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.
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.
Goto Definition Alias - An extension that allows you to jump to the definition of an aliased import.
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 🙏🏼.
