Anolilab Extension Pack

A collection of essential extensions for JavaScript and TypeScript development in Visual Studio Code.

Description

This extension pack includes a curated set of extensions that enhance your JavaScript and TypeScript development experience in VS Code. It includes tools for code formatting, linting, version control, debugging, and framework-specific support.

The pack is designed to provide a comprehensive development environment out-of-the-box for modern web development projects.

Features

This extension pack provides a comprehensive development environment with:

Code Quality & Formatting

ESLint: Integrates ESLint into VS Code.
Prettier: Code formatter.
EditorConfig for VS Code: Attempts to override user/workspace settings with settings found in .editorconfig files.
Code Spell Checker: A basic spell checker that works well with code and documents.
markdownlint: Markdown linting and style checking for Visual Studio Code.
ShellCheck: A shell script static analysis tool.
Better Comments: Improve your code commenting by annotating with alert, informational, TODOs, and more.
Error Lens: Improve highlighting of errors, warnings and other language diagnostics.
Pretty TypeScript Errors: Make TypeScript errors prettier and more human-readable.
Even Better TOML: Fully-featured TOML support.
TypeScript Essential Plugins: A collection of essential TypeScript plugins.

Version Control & Collaboration

GitLens: Supercharge the Git capabilities built into Visual Studio Code.
GitHub Actions: View, manage, and run your GitHub Actions workflows.
GitHub Pull Requests and Issues: Review and manage GitHub pull requests and issues.
Local History: Keep a local history of your files.
Semantic Diff: Diffs that understand the code.

Development Tools & Frameworks

Docker: Adds syntax highlighting, commands, hover tips, and linting for Dockerfile and docker-compose files.
SQLTools: Database management done right.
Prisma: Adds syntax highlighting, formatting, auto-completion, go-to-definition and linting for Prisma schemas.
Deno: Provides Deno language support.
Bun: Support for the Bun JavaScript runtime.
Astro: Adds support for the Astro framework.
Tailwind CSS IntelliSense: Enhances the Tailwind development experience.
DotENV: Support for dotenv file syntax.
MDX: MDX language support.
YAML: YAML Language support.
XML: XML Language support.
Package Manager Enhancer: A tool that enhances the management of package.json.
npm Intellisense: Visual Studio Code plugin that autocompletes npm modules in import statements.
Version Lens: Shows the latest version for each package using code lens.
Import Cost: Display inline in the editor the size of the imported package.
Abracadabra, Refactor This!: Automated refactoring for JavaScript and TypeScript.

UI/UX & Productivity

Ark Dark & Oscura Themes: Dark themes for VS Code.
Bearded Icons: A custom icon set.
Indent Rainbow: A simple extension to make indentation more readable.
Auto Close Tag: Automatically add HTML/XML close tag.
Auto Rename Tag: Automatically rename paired HTML/XML tag.
Highlight Matching Tag: Highlights matching closing or opening tags.
IntelliSense for CSS class names in HTML: CSS class name completion for the HTML class attribute.
JS Auto Backticks: Automatically add backticks when writing ${.
coloriz: A VS Code extension to visualize css colors in your code.
emojisense: Adds suggestions and autocomplete for emoji.
Markdown Mermaid: Adds Mermaid diagram and flowchart support to VS Code's builtin Markdown preview.
Markdown Preview Github Styles: Changes the built-in markdown preview to match Github's style.
Markdown All in One: All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more).
Filesize: Show the file size in the status bar.
Rainbow CSV: Highlight CSV and TSV files, run SQL-like queries.
TODO Highlight: Highlight TODOs, FIXMEs, and other keywords.
Todo Tree: Show TODO, FIXME, etc. comment tags in a tree view.
Sublime Text Keymap and Settings Importer: Import your Sublime Text settings and keybindings.
TypeScript Importer: Automatically searches for TypeScript definitions in workspace files and provides all known symbols as completion items.
Type Buddy: A simple extension to help you understand TypeScript types.
i18n Ally: All-in-one i18n extension.

Testing & Debugging

Vitest Explorer: Run Vitest tests with a UI in VS Code.
JavaScript Debugger: A debugger for JavaScript.

Installation

Open VS Code.
Go to the Extensions view (Ctrl+Shift+X or Cmd+Shift+X).
Search for "anolilab-extension-pack".
Click Install.

Or install directly from the VS Code Marketplace.

Included Extensions

For a complete and up-to-date list of included extensions, please refer to the extensionPack section in the package.json file.

Contributing

Contributions are welcome! If you have a suggestion for an extension to add, please open an issue or submit a pull request.

License

This extension pack is licensed under the MIT License.

anolilab-extension-pack

Daniel Bannert