As shown in the picture above, I cannot see any IconData preview. It only prints a message like shown. In similar question I've read earlier, I still can't manage to figure out how to show the IconData preview, like in this Flutter tutorial video
How do I enable this feature? Is it because of recent update or something?
Pressing ctrl + space in windows can show and hide the icon
This is a known issue - there's an open GitHub issue at https://github.com/Dart-Code/Dart-Code/issues/2896.
The way these icons are embedded doesn't allow them to easily be rendered, and the original extension code would use a regex to find/replace them. This has become slightly more complicated in the move to LSP, though I have some ideas to try to fix it soon.
Related
Lately when using Jupyter Notebook in VS Code to write some assignments for my studies I ran into a quite annoying problem - whenever there is a mistake in my code cell that prevents it from running, the "traceback" (or however you call it) to the place where the error persists is colored with a high-contrast marker (the color depends on the theme used) and makes the content pretty much invisible unless you manually "select" it with the mouse coursor. Is there any way I could fix it without going too much in-depth into VSCode/Jupyter Notebook extension settings?
The highlighting looks like shown below.
Yellow syntax marker problem.
And another one here.
I tried all the themes preinstalled with VS Code such as Monokai, Solarized Light etc., and also a custom theme of my choice called Dracula.
Thanks in advance.
This issue has recently reappeared. While the issue is being fixed you can change the highlight colour within the vscode settings.
Open settings and search for "Workbench:ColorCustomizations"
Image of settings page
Create or alter the "terminal.ansiYellow": "#eed202" to a more appropriate value like "terminal.ansiYellow": "#9b4550". See the linked image.
Credit for this fix: https://github.com/microsoft/vscode-jupyter/issues/8717#issuecomment-1241776226
I also have this problem. It looks like they fixed it less than 1 month ago as of writing this, so it may go away if you update to a recent pre-release of Jupyter in VS Code. Personally, I am going to live with it until the next stable release.
My version of Jupyter in VS Code:
Screenshot of Jupyter Versions
Screenshot of vscode-jupyter github: Screenshot of vscode-jupyter github
https://github.com/microsoft/vscode-jupyter/issues/8697
By default, the markdown preview in VS Code opens on the Side. I do this action quite a bit and I always have to drag a drop it to the bottom of the current tab.
I looked in my settings to see if there was a way to change this default behavior and didn't see anything that looks like it would change it.
Any suggestions on how to change this default setting?
You can try to use one of the extensions that allow to execute multiple commands and do:
markdown.showPreviewToSide
workbench.action.toggleEditorGroupLayout
It is very annoying to see that background around code is lighter then the rest of the program. When the cursor moves the highlighting moves up and down to full window width. Can you please propose solution how to turn this highlighting off. Same problem is in output of task log, and in file explorer.
I have deleted all the settings and Application data and I have same problem. I have installed vscode on windows and I do not have this problem with same settings.
Unfortunately this is an issue in Chromium. You can work around this by starting VS Code with --disable-gpu from the command line.
Sean
It appears this can be fixed for some users by selecting a different color profile in macOS display settings. Note that you have to change this separately for all monitors that you use.
For me, "Apple RGB" will show these blocks, and switching to "LED Cinema Display" or "iMac" solves the issue.
See also: https://github.com/Microsoft/vscode/issues/12473#issuecomment-269024219
How do I get rid of this underline? When I hover over it, it thinks it's a link and that I can cmd + click it to open it in browser. However, it's obstructing the view of actual underlines.
I'm specifically using Go's templating engine and vscode's basic HTML syntax because it's not supported.
I think I found a solution for your problem.
Add this code to your User Settings;
"editor.links": false
If you want to keep links clickable and just get rid of the underlines, I found a way:
open resources\app\out\vs\workbench\workbench.desktop.main.css
search for .monaco-editor .detected-link, and delete it.
Reopen VSCode, it will show some warning. Allow it and it's done.
After every update, you'll need to edit this file again.
Just installed VSCode and went to install some extensions and noticed that no icons were showing up associated with the extensions. Yes I know thats of no real consequence but it just really stood out compared to the screen shots on the vscode page.
This is what is shown as a screen shot on the vscode page:
This is what I see in vscode:
I found the fix was as simple as dragging the window splitter and making it larger. Icons will then appear. The view was simply too compact for the icons apparently.