I feel a bit stupid. I work with Flutter and switched to the Visual Studio code editor because it's a bit more comfortable to use.
Now I have a white vertical line there that moves all my lines every time I save something.
That's really annoying, especially since I work with Github, which creates huge commits because it breaks all lines.
Does anyone have any idea how I can change this?
I guess you are using Dart: Recommendation Settings. If yes, then search Dart: Recommendation by pressing Ctrl + Shift + P and hit Enter. Once, the settings are applied you will get a dialogue box in bottom right of the screen having option of open settings. Click on it and you will get following settings. Remove the code in red
Try it. Cheers!
Related
I used to be able to be able to Ctrl+F to search whatever was logged in VS Code. Now, for some unknown reason, the search bar doesn't show up when I type in Ctrl+F.
I am on version 1.57, which is the latest at this time.
This question if for the Debug Console which isn't the tab I am looking at.
Click anywhere inside the output panel, and then press Ctrl + F
I realized that the Vim extension is what is causing this. Ctrl+F is for scrolling and although previously Vim keyboard shortcuts didn't work in the output panel, they seem to have been extended to it recently see this issue I raised.
I want to move the intellisense popup window to the left side.
How can I do this?
I tried this solution but it did not help me.
How to make VSCode Intellisense window wider
change width
For adjusting the width, you can drag the right side of the window now, see this SO post for an old animation.
On mac the right of the popup will turn blue when hovered (cursor isn't captured in screenshot) and can be resized. You can also resize vertically by hovering the bottom. It looks like this on mac (not sure about other OS):
change position
The new version (October 2021 (version 1.62)) makes it easy to move the position... sort of. You can now choose to have the editor above or below what you hover. So glad they added it as a feature. This wasn't exactly the problem you had, but when I first searched for moving the intellisense menu, it led me here, so figured I'd add this for others Google sends here.
Simply add the following to settings.json file:
"editor.hover.above": false
Add a comma after it if you have more settings below it:
"editor.hover.above": false,
"editor.minimap.enabled": false
You can try to configure intellisense within VScode using the steps in https://code.visualstudio.com/docs/editor/intellisense#_customizing-intellisense, though I am not sure if your particular issue could be solved this way.
In Visual Studio Code (VSCode), I often want to temporarily store some text while coding. A quick way to do this is to hit Ctrl + N (to open a new file in a new tab) and then Ctrl + V (to paste the text). I can then go back to the new tab later on and retrieve the text. This is safer than using the clipboard, because I don't want to accidentally blow it away by copying something else.
However, the ESLint extension for VSCode will automatically detect that I have pasted some JavaScript code into a new file and will immediately start linting it, even though it is a brand new & unsaved file. This clutters up the "Problems" pane with spurious errors.
How do I prevent this from happening?
The solution is to click on the language icon in the bottom right hand corner, and switch it to Plain Text (plaintext).
This will obviously disable the linter, because it won't be a JavaScript/TypeScript file anymore.
It's also probably possible to make a VSCode hotkey that will do this in one keystroke, but I don't really do this pattern often enough to justify making a custom hotkey for it.
Search preferences for "Format on paste" or in settings.json enter:
"editor.formatOnPaste": true
So anytime I type space it brings up suggestions, which causes problems when I type space at the end of a line (just because i like having a little space there. This way cursor is at some distance from code when i click at the end of a line, it's easier to see code, it's less cluttered), and press enter. It brings up suggestions menu and insert the first thing from there, while i just want to insert a new line character.
I also need it to show suggestions when I'm typing, but only when I type a non whitespace character, so I can't set it to not bring up suggestions on typing.
I also want to accept suggestions on enter, so I can't turn this off either.
So I'm stuck with wanting suggestions on typing, but not on space, is there a way to somehow exclude space from suggestion triggers?
You can customize how you want to display it, this feature is called IntelliSense.
Go to File > Preferences > Keyboard Shortcuts (MacOs Code > Preferences > Keyboard Shortcuts)
and you can set the new key on:
list.toggleExpand
notification.toggle
if you want advance settings, go to keybindings.json
more info:
https://code.visualstudio.com/docs/editor/intellisense
https://code.visualstudio.com/docs/getstarted/keybindings
I think i've found a solution: turn off Suggest on Trigger Characters option.
This way it doesn't bring up IntelliSense on space or dot or anything else, but it still brings it up when i'm typing ordinary characters
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.