Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Indent guides #2192

Closed
adolfojbarreto opened this issue Jan 22, 2016 · 36 comments
Closed

Indent guides #2192

adolfojbarreto opened this issue Jan 22, 2016 · 36 comments
Assignees
Labels
feature-request Request for new features or functionality
Milestone

Comments

@adolfojbarreto
Copy link

Hi, is there any chance we can get indent guides (the vertical lines that run down to matching indents). Could not find reference to them anywhere in VS code or the gallery. Thanks - Adolfo

@greybax
Copy link
Contributor

greybax commented Jan 22, 2016

Do you mean like it describes in this issue #1673 ?

@adolfojbarreto
Copy link
Author

Hi greybax, No, but thanks for the response :) ...let me see if i can draw it out here:

  • .

    . . slkdfjkldsfaksdflkdasjf . .
    . . alsdkfjieakegan;eikgie .

  • The guides are the dots that help align the tags above.

    @adolfojbarreto
    Copy link
    Author

    ok that did not work...lol. Basically they are lines or dots that connect open and closing tags. they help you align the code.

    @weinand weinand added feature-request Request for new features or functionality editor labels Jan 23, 2016
    @stkb
    Copy link
    Contributor

    stkb commented Jan 23, 2016

    I think you're wanting something like the Indent Guides extension for Visual Studio?

    screen

    However, I find that if you turn on whitespace rendering by setting the "editor.renderWhitespace" setting to true, you get something that works almost just as well:

    whitespace

    It shows arrows for tabs and small dots for spaces

    @adolfojbarreto
    Copy link
    Author

    Hi yes...that's it. Thank You!

    @sylvainlap
    Copy link

    +1

    I really think that indent guide (vertical lines) would be useful.

    @ianwesterfield
    Copy link

    👍

    @stkb has it with his reference to the Visual Studio extension. Would love to see a similar extension for vscode.

    Aside from the actual indent guide lines, a separate color for the lines in the currently active indent level (cursor line) really pluses the experience up.

    I'm looking into the extension @JoeRobich is working on: vscode-indent-guides

    @bgashler1
    Copy link
    Contributor

    This will also address #3803, where users have had trouble seeing where the left edge of the code editor is and where subsequent tabs are (especially with smaller tab sizes).

    @alexdima alexdima added this to the April 2016 milestone Mar 17, 2016
    @egamma egamma mentioned this issue Apr 3, 2016
    68 tasks
    @emergugue
    Copy link

    This extension solves the problem

    @Tyriar
    Copy link
    Member

    Tyriar commented Jun 6, 2016

    @alexandrudima see #6470, indent guides are essentially done by vscode-guides with the exception of this issue spywhere/vscode-guides#1 which we could tweak the API to cover.

    @poetinha
    Copy link

    poetinha commented Jun 7, 2016

    I would like to see Indent Guides in Visual Studio Code.

    @greybax
    Copy link
    Contributor

    greybax commented Jun 7, 2016

    agree with @poetinha that it shouldn't be as extension. This is a basic functionality most of IDEs

    @dvlsg
    Copy link

    dvlsg commented Jun 8, 2016

    Also agree with @poetinha. I think this functionality is standard enough that it should be part of the application itself.

    I will say that the vscode-guides extension does work pretty well in the interim, though. It gets a little bit confused do some swapping back and forth between tabs/spaces, but I do that fairly rarely, and the extension always catches up automatically and gets back to normal.

    @jwurmitzer
    Copy link

    Yes please ! Indentation Guides are needed!

    @bj7
    Copy link

    bj7 commented Jun 23, 2016

    I would also love to see this natively implemented! This is such a great editor!

    @alexdima
    Copy link
    Member

    Behind editor.renderIndentGuides

    image

    @JetLua
    Copy link

    JetLua commented Jul 3, 2016

    @alexandrudima How to set the indent guide color?

    @dvlsg
    Copy link

    dvlsg commented Jul 3, 2016

    Access to the indent styling in general through the standard settings would be great. I love the indents, but they're pretty distracting compared to other indent lines I'm used to. Access to change the opacity, specifically, would be awesome.

    @shauntrennery
    Copy link

    Also being able to highlight a selected indent guide would be great for navigating longer code blocks.

    @bgashler1
    Copy link
    Contributor

    @shauntrennery can you create a dedicated issue for your idea? Also please tag it feature-request. It's a great idea! Thanks.

    @shauntrennery
    Copy link

    @bgashler1 Added #14017, sorry not sure how to tag it.

    @mosajjal
    Copy link

    mosajjal commented Feb 6, 2017

    Hi. I've experienced some issues with the extension in large files [#19982]. So I'm also asking for native support for this feature as it's a pretty basic need of every developer out there.

    @Tyriar
    Copy link
    Member

    Tyriar commented Feb 6, 2017

    @mosajjal native support was added some time ago #2192 (comment)

    @mosajjal
    Copy link

    mosajjal commented Feb 6, 2017

    I just found it in the configuration. Thanks :)

    @gatspy
    Copy link

    gatspy commented Mar 3, 2017

    Guides can try it.

    @mosajjal
    Copy link

    mosajjal commented Mar 3, 2017

    @gatspy Guides can cause #19982

    @M-Fasciano
    Copy link

    "editor.renderIndentGuides": true

    @C0rn3j
    Copy link

    C0rn3j commented Apr 6, 2017

    "editor.renderWhitespace": "all"

    Used to show dots for spaces and arrows for tabs, new version doesn't have this, how do I reenable it?

    @mosajjal
    Copy link

    mosajjal commented Apr 6, 2017

    "editor.renderWhitespace": "boundary" works for me in 1.11

    @C0rn3j
    Copy link

    C0rn3j commented Apr 6, 2017

    @mosajjal I'm on the git version, and there it doesn't work anymore. I'm 2 days behind though, maybe it's fixed by now, I'll see about compiling the new version.
    Version 1.12.0
    Commit 5e5e9e3

    EDIT: Latest version ( 4c5030a ) still has this problem. I guess I should make an issue?
    EDIT2: Seems to be caused by the python extension I use, outside of python it works

    @techsin
    Copy link

    techsin commented May 14, 2017

    @M-Fasciano worked ++++1

    @hernimen
    Copy link

    ident guides!!! plz!!!!

    @A-lee-201
    Copy link

    A-lee-201 commented May 24, 2017

    Was searching for this. Thanks!

    @abrahaobittar
    Copy link

    Thanks, worked 1.12.2

    @vsudakov
    Copy link

    Would be great to see it also in "Explorer" panel...

    @juancampa
    Copy link

    juancampa commented Jul 7, 2017

    Would be great to also have an option to show the guides only on hover. In most cases I don't need them and they add noise, but if I need them I should just be able to hover over the indentation whitespace and have them appear.

    @vscodebot vscodebot bot locked and limited conversation to collaborators Nov 17, 2017
    Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
    Labels
    feature-request Request for new features or functionality
    Projects
    None yet
    Development

    No branches or pull requests