JSX Props & HTML Attributes Navigation

diablow

|
810 installs
| (0) | Free
Navigate JSX Props or HTML Attributes with keyboard shortcuts
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JSX Props & HTML Attributes Navigation VSCode Extension

moveRight

addLeft

Features

Works with JSX and HTML.

Easy navigation through all JSX Props or HTML Attributes in the current file.

Multiple cursors! You can leave a cursor for every prop or attribute while navigating.

Usage

This extension might use keyboard shortcuts already assigned to other extensions, if you need to overwrite them open the keyboard shortcuts interface and search for jsxPropsNavigation.

Available Commands

⌨️ Alt + Win/Cmd + [
jsxPropsNavigation.moveLeft -> Go to previous prop/attribute

⌨️ Ctrl + Alt + Win/Cmd + ]
jsxPropsNavigation.addLeft -> Add cursor at previous prop/attribute

⌨️ Alt + Win/Cmd + ]
jsxPropsNavigation.moveRight -> Go to next prop/attribute

⌨️ Ctrl + Alt + Win/Cmd + ]
jsxPropsNavigation.addRight -> Add cursor at next prop/attribute

Known issues

  • Boolean props or attributes missing a value are ignored.

Release Notes

Hope you like it.

1.0.0