# 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](https://marketplace.visualstudio.com/items?itemName=Vue.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](https://marketplace.visualstudio.com/items?itemName=alefragnani.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](https://marketplace.visualstudio.com/items?itemName=wmaurer.vscode-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](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) - a plugin that auto-completes npm modules in import statements.
- [ES6 Snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets) - quickly spin up ES6 JavaScript with only 3 or 4 characters.
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Integrates ESLint into VS Code.
- [Spelling Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - A simple source code spell checker for code.
- [markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint) - Markdown/CommonMark linting and style checking for Visual Studio Code.
- [UnoCSS](https://marketplace.visualstudio.com/items?itemName=antfu.unocss) - An atomic CSS framework.
- [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.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](https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer) - Language extension for VS Code that adds syntax colorization for both the output/debug/extensions panel and *.log files.
- [Vitest Explorer](https://marketplace.visualstudio.com/items?itemName=antfu.vitest-explorer) - A VS Code extension for the Vitest test runner.
- [PostHTML Snippets](https://marketplace.visualstudio.com/items?itemName=cossssmin.posthtml) - Quickly build HTML emails with utility-first CSS.
- [Goto Definition Alias](https://marketplace.visualstudio.com/items?itemName=antfu.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

```bash
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](https://github.com/stacksjs/stacks)
- [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=stacks.vscode-stacks)

**Enjoy!**