I went into the settings.json, but the "editor.rulers":[] array is already empty. I still have the line in the middle. Please advise step by step to remove this. Thank you in advance!
You appear to be looking at the default settings JSON (not your actual settings JSON), which should contain nothing in that array (did you reach this via the command palette)?
Try the following:
Open the settings menu by clicking the Gear icon in the bottom left and selecting Settings, or by the keyboard shortcut Ctrl + ,.
In the top right of the settings menu, click the ellipsis in the top right and select "Show modified settings."
See if the "Editors: Rulers" setting is in your list of settings after filtering on modified settings. If it is, click the "Edit in settings.json" link for it, and delete the setting from your JSON.
Related
I don't know what I have done but I cannot see the "Open Editors" panel in the Explorer view
I note also that clicking on the three dots (Views and More Actions...) to the right of the word Explorer at the top of the explorer panel the word Folders is greyed out
Can anyone point me to the setting I need to change in order to rectify this situation?
Just in case anyone else has the same problem here is how I resolved my issue. I won't bore you with how I discovered the solution.
Right-click in the activity bar, this will bring up a context menu with the entry for Open Editors listed but not marked with a tick
Activity bar context menu.
Clicking on "Open Editors" in this context menu brings up a new icon in the activity bar that looks like an open book
Open Editor icon
Right-clicking on this new icon reveals another context menu that includes the option to reset the location of the Open Editors panel.
Open Editor context menu
Selecting this option resolves the problem.
How I got into the problem in the first place is still difficult to ascertain. With the activity bar in its default configuration I must have dragged the "Open Editors" header to somewhere on the activity bar, that clearly removes it from the Explorer side bar but how I inadvertently right clicked this new icon and selected "Hide 'Open Editors'" without realising remains a mystery.
Go to view and click on Open View and the on Open Editors.
3 dots on extreme right hand side has an option - keep editors open --> set it to default view. Once done the open editor will be be visible on the left.
This is considering you have default vs code layout...
I am currently using version: 1.68.1
In VS Code, go to Settings and in the search box, type explorer.openEditors.visible. Set the value in the dialogue box to any number greater than 0 and you are good to go. Refer to the image below.
This beauty appeared after a recent update, and it is very distracting to me.
I searched through the menus, but didn't find any setting to remove it. Is there any way to banish it from the editor?
This is called the minimap, and, as stated in that link,
If you would like to disable minimap, you can set "editor.minimap.enabled": false in your user or workspace settings.
Once you save the settings file, the minimap will be gone.
You can also toggle the minimap from the Command Palette. You can go to 'View' and select Command Palette or just Ctrl+Shift+P and type in the word 'minimap', you will instantly get the option to toggle the minimap.
Click on "File" -> "Preferences" -> "Settings"
After Settings open, in "search settings" or press "Ctrl+f" type "editor.minimap.enabled" this will take you direct to the settings. On left of it edited option will be available right click to it. And set it to "false"
After wards you can see the right side pane is hide.
Ctrl + Shift + P write Toggle minimap and hit enter and it's gone.
While all the answers here will accomplish what the original question asks, they are showing a dated, manual way of hiding the minimap. Current versions of Code have a "Toggle Minimap" item in the View menu, which will hide the minimap without the need to edit anything manually in User Settings.
That view is called Minimap. To toggle, goto:
Toolbar -> View -> Toggle Minimap
I know of 3 ways to show/hide it.
View -> Show Minimap
Ctrl+Shift+P -> Toggle Minimap
Settings.json -> "editor.minimap.enabled": false
I also made a Youtube tutorial here demonstrating all three ways.
In VS,
Click on View on the top toolbar,
Then you will get a pop up, unselect --- Show minimap
Oowekyala's answer is correct. I am adding a description with image for better understanding. Here is the number from 1 to 5 that describe the steps. Firstly click on File->Preferences->Settings. Then you will get User Setting page. Next, type "editor.minimap.enabled" in the search box(step-4). you will get setting option. On left of it edited option(step-5) will be available right click to it.
Go to Preferences->Settings Under text-editor dropdown go to Minimap and there uncheck the enable of a minimap.
This thing is called minimap
to toggle is on and off
crtl+p
then search for ">minimap"
then just click enter
And if you again want to use it, repeat above step's again
Simply Click F1 a text box will appear search for minimap
and select View:Toggle MiniMap
2022 Update
The latest 2022 version of VS Code (1.73.0) now makes this even more simpler. Simply do the following to remove the minimap:
Right click anywhere on the minimap and toggle the Minimap option.
To reactivate the minimap, right click anywhere on the scroll bar and toggle the Minimap option.
From the View menuitem in Visual Code main menu, click on Toggle Minimap
On Windows.
Visual Code version 1.20.1
On Mac: Code - Preferences - Settings, and in the right panel add the following line:
"editor.minimap.enabled": false
Please care the commas, this file needs them after each but the last line. (It will warn you if a comma is missing.)
Tools -> option ->Text Editor -> All Languages -> Scroll Bars -> Behavior
toggle between the 2 options (use bar mode .. & use Map mode ... ) given that "Show vertical scrollbar " option is checked.
enter image description here
the question and picture is described as following:
maybe i clicked somewhere else, i don't know what happend, the icon of the terminal choose changed, after it changed, i feel bad. is there sombody can help me change the icon to the original one?
https://i.stack.imgur.com/lOXqw.png
By mistake, changed from list to icon (tab), but I managed to change it back. This is how I did:
Click the drop down button next to the "plus icon"
A drop down list with option will appear
Choose "Configure Terminal Settings"
The Settings will open in the Editor Area
Navigate down to the feature "Terminal > Integrated > Tabs: Focus Mode"
Uncheck this feature and it's done
Now, if you just want to change the icon for CMD, then you just need to:
Click the icon (the CMD icon you indicated on the image you sent)
A drop down list with options will appear
Choose the option "Change Icon..."
Near the top of your window, a drop down list will appear
Simply type 'terminal' and a lot of icons will be shown
Choose the icon you want
I accidentally removed search icon in Activity Bar and don't know how to add it there again. If I click on Activity Bar, I don't see this option any more.
Update: v1.44 you can now simply drag many of the views, including "Search" from the sidebar to the panel and back. See https://code.visualstudio.com/updates/v1_44#_increased-view-placement-flexibility and https://stackoverflow.com/a/55981465/836330
Update: v1.42 added a context menu option
Move to Panel/Move to Sidebar
to certain typically sidebar views like Search, Outline and custom views. So you wouldn't have to use a setting to move the Search view back to the sidebar. Here is a demo:
Also notice that you no longer right-click in the empty space below the search inputs in the sidebar but on/near the Search header itself to bring up the toggle option.
As part of the v1.42 release the search.location setting mentioned below will be deprecated.
Your setting should migrate automatically, but you will need to use
the new generalized method to move the Search view going forward. You
do not need to enable the experimental preview setting above in order
to move the Search view with the new context menu entry.
So I don't think there is a setting anymore, you just right-click on the header text "Search" whether it is in the Panel or active in the Sidebar to move it. See the demo below.
Right-click on the "Search" header if you have it in the sidebar to "Move to Panel".
If Search is in the panel, right-click on the word Search to "Move to Sidebar".
To enable moving the Output view at this point, you need to enable workbench.view.experimental.allowMovingToNewContainer.
There is a new unbound command workbench.view.search.moveView which you can use to toggle the search position between the panel and sidebar. But note that in my testing it only works a couple of times because it focuses the panel when you move search to the sidebar - I'll file a bug.
Previous Answer::
You may have modified the setting:
"search.location": "sidebar",
which is the default to the alternative
"search.location": "panel",
which would put the search widget into the terminal panel as another tab.
As of vscode v1.35 or so, you can now right-click in the empty space below the search view (i.e., in the sidebar under the open search inputs) and you will get an option to Toggle Search View Position.
This context menu switch of the search view is persistent. It will automatically add this setting to your settings.json:
"search.location": "panel",
The only way at present (but see edit just below) to move the icon back to the activity bar (and thus the search across files functionality to the sidebar) is to change that setting to the sidebar option. Or look for this setting in the settings editor:
Search: Location
Controls whether the search will be shown as a view
in the sidebar or as a panel in the panel area for more horizontal
space.
EDIT: More recently, vscode added the abilty to right-click in the search area when it is in the panel to toggle it back to the sidebar.
In windows
file--> preferences-->settings
In mac
preferences -> settings
vs-code version 1.30.2
Step 1: Click on Edit from Navbar
Step 2: Find in Files
.
.
You can easily search for anything in the side paanel
or else if you want anything to search inside files then
Step 1: Click "Ctrl+F"
In my VS Code set up I see the output/FSI frame below the main text editor pane like this:
whereas I would love it to appear to the right in the side-by-side view like it does on the images in this link: http://www.wintellect.com/devcenter/jwood/a-quick-look-at-f-in-visual-studio-code
Is there a config option I cannot find somewhere?
I tried Googling but drew a blank and cannot see anything obvious in the config options mentioned on the vs code site page describing the config options
as of version 1.51.1 right click in the right corner on the output panel. then select option 'move panel right'
I don't believe you can detach/move the output windows in Visual Studio Code. You can move the side bar to the left/right side, but that's it. There is no config option, sorry.
You could try posting a feature request on the GitHub page: https://github.com/Microsoft/vscode
EDIT: This was changed in VS Code 0.10.8, it was once on the side but was moved to the bottom. See this GitHub issue: https://github.com/Microsoft/vscode/issues/2806
This feature is not available yet in VS Code. However as of today (March 30, 2017) it's on 6 months roadmap so it should be done in a near feature.
This feature is available from version 1.18.0+
Simply click this icon to dock to the right:
Just follow the steps mentioned:
In Visual Studio Code -
View Tab > Appearance > Toggle Panel Position
That's it.
Your original link to the view your desire is obsolete, so it is a guess as to what you wanted. But here is a demo of setting up a terminal/output look side-by-side. It is a little tricky - you drag your Outline header over the Terminal header which will then allow you the option of putting it to the left or right of the Terminal:
its easy. just right-click on the terminal, select 'move panel right' like in the image below and voila
the image can be found here
Vertical Split:
From VS Code Menu bar:
View >> Appearance >> Move Panel Right
Version 1.47.0 of VS Code (at the moment of posting this, the latest one) allows you to drag output (or any other panel tab, e.g. terminal) to the activity bar. This way you can obtain output to the side of the editor.
Just right click on the panel of output section then select "Move panel left or right" as per your wish.
here your can see the move panel left option.
Press CTRL + SHIFT + P
Select Preferences: Open User Settings (JSON)
Insert (or change if it is there --search for it) the following config line:
"workbench.panel.defaultLocation": "right",
Save file.
That will work for new workspaces. VS-Code saves your preferences for each folder you start it in. So, if you navigate to a folder you previously called VS-Code in (I mean, from the terminal), it will open the output panel in the same location it was the last time you have used VS-Code from the same location.
After making the change above, go to a new place, like /opt and start VS-Code there to make a test.