I am searching for something like this extension for VS Code. Any suggestion?
Finally, we have the code mini-map feature in the February 2017 release (1.10)!
To enable it, open your editor settings and add the following
"editor.minimap.enabled": true
This is a top request in User Voice. Currently not implemented in product nor as an extension.
Additional settings in Minimap (For love of Minimap):
1) to render blocks instead of characters for better visualization on the Minimap:
"editor.minimap.renderCharacters":false
2) highlight slider on the map:
"editor.minimap.showSlider": "always"
Finally! Version 1.10 brings this long missing feature.
Official announcement
No need to edit any settings! It's enabled by default.
You can track an open issue here. They recently launched a beta version of the minimap with the last insider release. Have a look, it looks great! Link to visual studio code
Related
I made this window disappear. How do I recover it?
Those are called breadcrumbs in most IDEs. In VSCode, it's no different.
Find the setting by going to your settings and searching "Breadcrumbs".
If you choose to not use the fancy settings editor, you can manually add this to your configuration:
"breadcrumbs.enabled": true
Update
As of May 2019 (version 1.35), breadcrumbs are enabled by default in VSCode. They can still be toggled using the steps outlined above.
Beware that even if you have breadcrumbs turned on in settings and the Language is selected, you will have to save the file in order to get breadcrumbs in VS Code 1.52.1
I'd like to add one more thing to Ian MacDonalds answer:
You can simply toggle them within the "View"-menu View > Toggle Breadcrumbs :
Expand and collapse for the code block is not working. I tried to the control Ctrl+Shift+[ and also changed the user settings to "editor.wordWrap": "on".
Is is the correct way to do, it was working earlier without any setting but after the update I am facing this issue.
This could be an issue with the syntax aware folding introduced in the March 2018 update. Does this setting suggested in the release notes help?
"editor.foldingStrategy": "indentation"
I want to get an overview of my code and would like to use a minimap in VS Code.
I did not find an option to set this up in the menus. I am using VS Code 1.9.
Starting with version 1.10 (Feb 2017) vscode supports minimaps.
You can switch this function on via the preferences. Just follow these steps:
open vscode
File
Preferences
Settings
On the right pane you see your own custom settings. There you can add the following settings:
// Controls if the minimap is shown
"editor.minimap.enabled": true,
If this is the first setting you need to surround this with curly brackets and remove the tailing comme. If you have already one or more please keep in mind this is JSON so you need to separate key:values with a comma.
Adding the following to settings.json will also highlight where you are on the map:
"editor.minimap.showSlider": "always"
Additionally, to render blocks instead of characters for better visualization in the Minimap:
"editor.minimap.renderCharacters":false
You have to update to version 1.10+ and add "editor.minimap.enabled": true to your user or workspace settings, which can be opened with Ctrl+,.
Since the questions is "how to configure it" I will give what I've found is the most useful configuration of the minimap feature.
This is how it looks in my editor:
This is effectively about 1/3 height and only the first 40 columns. But still just readable. It makes it so I can quickly grab the minimap slider and scrub through a file.
Here is my minimap config:
In current VS Code versions, you can simply enable and disable minimap under view->Show minimap.This is reference from Visual studio code version 1.55.2. This way we don't need to edit json settings file.
Is it possible to drag selected text to move it? This is in almost every other editor (not to mention text input fields in browsers.) I was surprised not to find it in VS Code.
Here is a gif example.
This is now supported as of Feb 2017 release (1.10.1) but it is disabled by default.
To enable it: Go to File > Preferences > Settings and add this line "editor.dragAndDrop": true
Source: https://code.visualstudio.com/updates/v1_10#_preview-drag-and-drop-selected-text
Looks like it's not yet implemented, but there's an open issue about it.
If you want to help without diving into the internals, go 👍 the issue to add to its social signal.
I don't believe so. Their site says that it is keyboard-optimized and keyboard-centric, so their idea might be that you should highlight some text, cut it, and past it where you want it rather than dragging it.
I talk about this problem on Github Microsoft page and Microsoft engineers see this. I hope to solve it. (Please support by 👍 on this page.)
Just wondering if there is a way to get a tabbed view in VS Code (editor), and if not, is that feature yet to be added?
Update
Yes! VS Code 1.3.0 added this feature.
Original
Not as of v0.3.0, as far as I know.
Feature requests: http://visualstudio.uservoice.com/forums/293070-visual-studio-code
Issue reporting: https://code.visualstudio.com/Issues/List
Yes to both of your questions.
It recently became available, if you are on the nightly Insiders release. This will soon be introduced into the product itself as well, most likely in early July.
First, download the Insiders release.
In VS Code Insider's top application menu, open Preferences >
User Settings, and then add the following setting "workbench.editor.showTabs": true
You then will have tabs enabled in your editor as shown below
The closest thing to the tabs concept tha i found is using Ctrl+Tab to navigate in the history of opened files.
VS Code v1.3.0 has tabs similar to that of sublime text.
But Tab switching is still the same as the previous version.