Giter VIP home page Giter VIP logo

bracket-lens-vscode's Introduction

Bracket Lens for VS Code

Visual Studio Marketplace installs rating

Show bracket header on closing bracket.

⚠ Significant performance issues have been identified in combination with VS Code v1.52.0. Set the default value of bracketLens.mode to manual until this issue is resolved.

Features

Displays the text in the header part of the scope after the closing brace.

Screenshot

Tutorial

0. ⬇️ Install Bracket Lens

Show extension side bar within VS Code(Mac:Command+Shift+X, Windows and Linux: Ctrl+Shift+X), type Bracket Lens and press Enter and click Install.

1. 👉 Show bracket header on closing bracket

Open the source code file for a symbol bracket type language like TypeScript. Information is automatically displayed after the closing brace.

2. 🔧 Next step

Please see Notes. You can change settings. And you can edit keyboard shortcuts by keybindings.json.

Enjoy!

Commands

  • Bracket Lens: Toggle Mute : Mute Bracket Lens for the text editor in focus. Execute this command again to unmute.
  • Bracket Lens: Toggle Mute All : Mute Bracket Lens for all text editors. Execute this command again to unmute.
  • Bracket Lens: Update Brackets : You will often need to run this command in manual mode.
  • Bracket Lens: Report Profile : Report a profile.

Extension Settings

This extension contributes the following settings by settings.json( Mac: Command+,, Windows / Linux: File -> Preferences -> User Settings ):

  • bracketLens.mode: Brackets Lens operating mode.
  • bracketLens.debug: Debug mode.
  • bracketLens.color.description: The color of the bracket header that appears after the closing bracket.
  • bracketLens.prefix.description: Bracket header prefix.
  • bracketLens.unmatchBracketsPrefix: Bracket header prefix when unmatch brackets.
  • bracketLens.maxBracketHeaderLength: Bracket header length than this value are displayed with the tail omitted. ( not include prefix )
  • bracketLens.minBracketScopeLines: The bracket header is displayed only when the number of lines in the bracket scope is greater than or equal to this value. ( include bracket lines )
  • bracketLens.languageConfiguration: Language parsing settings.

Notes

For users with language syntax like TypeScript

Fortunately, this extension will probably work generally comfortably in the symbol bracktes type language without any special configuration.

Even for this type of language, details may require the setting of bracketLens.languageConfiguration. I would like to accept it as the default setting if you can tell me the setting information in the issue or pull request for other users in your language.

For users with language syntax like Ruby

I apologize for the inconvenience, but for word bracket type languages, all word brackets must be set to bracketLens.languageConfiguration.

I would like to accept it as the default setting if you can tell me the setting information in the issue or pull request for other users in your language.

For users with language syntax like Python

Unfortunately, this extension is not useful for indented scope type languages.

If your language is this type of language, I would like to have this extension disabled in that language by default if you let us know in an issue or pull request.

Keyboard shortcut Settings

You can edit keyboard shortcuts by keybindings.json ( Mac: Code -> Preferences -> Keyboard Shortcuts, Windows / Linux: File -> Preferences -> Keyboard Shortcuts).

Command name on keybindings.json is diffarent from on Command Pallete. See below table.

on Command Pallete on keybindings.json default Keyboard shortcut
Bracket Lens: Toggle Mute bracketLens.toggleMute
Bracket Lens: Toggle Mute All bracketLens.toggleMuteAll
Bracket Lens: Update Brackets bracketLens.updateBrackets
Bracket Lens: Report Profile bracketLens.reportProfile

Release Notes

see ChangLog on marketplace or github

Support

GitHub Issues

License

Boost Software License

Other extensions of wraith13's work

Icon Name Description
Background Phi Colors This extension colors the background in various ways.
Blitz Provide a quick and comfortable way to change settings by quick pick based UI.
Zoom Bar Zoom UI in status bar for VS Code.

See all wraith13's expansions: https://marketplace.visualstudio.com/publishers/wraith13

bracket-lens-vscode's People

Contributors

wraith13 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.