This content originally appeared on DEV Community and was authored by Gohit Bastian
An all-in-one toolkit for web and mobile development with LynxJS: includes keyboard shortcuts, error alerts, text correction, snippets, and more. Tools designed to streamline your workflow.
Marketplace: https://marketplace.visualstudio.com/items?itemName=bastndev.lynxjs-pack
Icon | Code/Name | Description |
---|---|---|
Lynx Theme Pro | A professional extension with six available Themes : Dark, Light, Night, Ghibli, Coffee, and Kiro—with integrated ICONS . Each theme is optimized to offer a more pleasant visual experience. |
|
Bracket Lynx | Enhances the development experience by displaying a label next to each closing parenthesis, indicating the name of the corresponding block or function, along with the start and end line numbers. | |
![]() |
Lynx Keymap Pro | Standardizes keyboard shortcuts across all code editors, allowing you to use key combinations to access any functionality. It improves workflow and development experience. |
LynxJS Snippets (.tsx) | A collection of optimized code snippets designed to accelerate web and mobile development in LynxJS projects. It automates the writing of common code structures. | |
F1-Quick Switch | Allows you to control editor functions and manage extensions directly from the keyboard, streamlining your workflow with configurable shortcuts. | |
Prettier | Code formatter that enforces a consistent style by parsing your code and reprinting it with its own rules. Supports JavaScript, TypeScript, CSS, HTML and more. | |
Code Spell Checker | A basic spell checker that works well with code and documents. Helps catch common spelling errors in comments, strings, and text. |
|
TODO Highlight | Highlight TODO , FIXME and other annotations within your code. Helps you keep track of important comments and reminders in your codebase. |
|
Tailwind CSS | Intelligent Tailwind CSS tooling for VS Code. Provides autocomplete, syntax highlighting, and linting for Tailwind CSS classes. | |
Error Lens | Improve code quality by making errors and warnings more visible. Highlights the entire line wherever a diagnostic is generated and prints the message inline. |
|
Gutter Preview | Shows image preview in the gutter and on hover. Supports various image formats and makes it easy to visualize images referenced in your code. |
|
Version Lens | Shows version information when opening a package or project. Displays the latest version for each package and allows easy updating of dependencies. |
GitHub: https://github.com/bastndev/Lynxjs-Pack
This content originally appeared on DEV Community and was authored by Gohit Bastian