How to disable "Run|Debug" line in vscode? - flutter

I am currently using Flutter with Dart. How do I permanently disable this annoying "Run|Debug" line in vscode?

That Run | Debug is not built-in to vscode. It must be contributed by one of your extensions. These seem like likely culprits:
Dart: Show Main Code Lens
// Whether to show CodeLens actions in the editor for quick running/debugging scripts with main functions.
Dart: Show Test Code Lens
// Whether to show CodeLens actions in the editor for quick running/debugging tests.
In case people get here because there is a Debug or Run in their package.json, that is a separate issue and answer, see https://stackoverflow.com/questions/62358131/how-to-disable-debug-from-showing-in-package-json/62368407?r=SearchResults&s=1|57.9327#62368407

Just disable Enable Code Lens in jest plugin.
It's very annoying! When you write test code, small Debug text shows on top of a test (above it method) when it fails.
During programming, it constantly shows and hides, causing lines of code move up and down a bit. It's terrible experience. Fortunately, easy to disable.
After disabling it, we still have test status feedback:

In VSC settings, search for "Pester Code Lens".
You can disable the first option.
Disable Pester Code Lens

Add this line to your settings:
"editor.codeLens": false,
Or do this in settings:

For Java Extension paste this in your settings.json file
"java.debug.settings.enableRunDebugCodeLens": false

you just open your vs Code Setting -> Text Editor -> Code Lean [Check mark this Box]

Related

How to remove warning text beside my code in Flutter's Visual Studio Code

I am a new Flutter learner, and this is kinda annoy me, I think the "Problems" tab under is fully understand, I don't want to see warning next to my code. Is there a way I can disable or hide it? Thank you.
Hey, In visual studio code you can do minute changes.
Step1:
Press ctrl+shift+p , a command pallet will open
Step2:
Type settings.json and click on Open Settings (JSON)
a file will open
step3:
Add this lines in that
"editor.codeActionsOnSave": {
"source.fixAll": true
}
**After this whenever you save, const will be added automatically.
Note: Sometimes you might get error because after saving some widgets are prefixed with const but, sometimes when your values in widget get dynamic, there will be a error, so be careful.
disable this line or add source.fixAll to config.json
Perhaps you are using some vscode plugin like https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens to show code diagnostics.
Though that feature seems very useful to me incase you find that annoying you may disable it by going through your list of extensions.

VS Code showing "type/arguments" in editor as labels

I just installed VS Code 1.60.0-insider.
At first I thought it was a bug, but now there are type/arguments hinds/labels in the editor:
(predicate:, callbackfn:, etc.)
How is this called and how to disable it? I searched online but couldn't find any information.
Note: they only appear in TypeScript files.
try use this instruction inside of settings.json, this working well for me.
"editor.inlayHints.enabled": false

Why is my Dart code auto-moved to a different line, when I Ctrl+S?

What happened is that when I move my codes to different lines, and when I CTRL+S, the code automatically get moved to a different line.
What setting in VS Code is this?
That's because you have format on save.
You need to go to VS Code settings and search formatOnSave and turn it off
check if the "auto format on save" option is on: VSCode: How do you autoformat on save?
you can also go into the dart plugin's preferences in vscode and change the line length at which formatting the code will auto-wrap it. You can make it however long you want. Just go into settings and search "Dart: Line Length"
For me, I went to the dart extension setting, there is an option of Dart: Enable SDK Formatter. It should be the problem I guess because when I disabled it, everything started working fine.
We can directly search for Dart: Enable SDK Formatter in VS Code settings.

How can I show code error in VSCode by hovering over it

Today, I was watching a video tutorial. The tutor did a minor mistake in his code and while he was trying to find out what the mistake was, he hoverd over the code and exactly at the place, where his error was, VSCode popped up with an Error message like this:
Does any one know how can I activate this in my VSCode? Do I need to install an extension?
The setting is called "Editor > Hover: Enabled". You can search for it in the VSCode settings and make sure the box is checked to enable it.
this should be a built in feature but may need enabling it..
more info at
https://developercommunity.visualstudio.com/content/problem/249839/vs2017-1571-no-values-on-hover.html

VSCode scope line mark detection

I just trying to switch my editor from NetBeans to VSCode, however there is one feature which i missed from NetBeans and seem not exist at VSCode. I am not sure what is the name of the feature, i just call it "Scope mark line". The detail is like picture attached.
My question is, is there any plugins can bring that feature to VSCode? Please let me know if any, thanks in advance.
I also had a hard time searching for this feature, and found this VS Code Extension on the Marketplace: guides which adds various indentation guide lines. This worked for me editing ruby and bash files on osx.
Some of the tags for the extension:
guides indentation indentation guides ruler
From Default indent line guide in Visual Code?
Enable in settings.json:
"editor.renderIndentGuides": true