Do not show user input in console autocomplete - google-chrome-devtools

Recently, I have noticed that Google Chrome's JavaScript console autocompletes previously inputted commands. For example:
I want to remove this feature because the autocomplete displays variables that may not exist. Is there a way to remove this feature?

Yes. A lot of people found it annoying, so they added a setting to disable it.
First, enter the DevTools settings from the menu button in the top right corner.
Then, in the "General" section, disable "Autocomplete from history".

Related

How can I remove explorer listitem hover tooltips in VS Code?

I want to remove this suggestion in VS Code which comes on hover, as it disrupts my scrolling.
That area of the UI is called the explorer. What you're seeing is generally called a "tooltip" in UI terminology. Looking through the available settings at the time of this writing, I do not see a setting to disable tooltips for the explorer listitems.
I looked through settings containing "tooltip" and ones starting with explorer. and workbench.list. and didn't find such a configuration point.
If you open the developer tools with the Developer: Toggle Developer Tools command, you'll see that that particular tooltip is just implmeneted with the HTML title attribute. The way that it is rendered is up to the browser, which in this case is chromium, and the particular style it appears in differs by platform / OS.
You might be able to write an extension that removes those title attributes.

restoring vscode settings to default

In vscode, there is an option to chose which language I'm going to use when I make a new file. I accidentally clicked do not show for this setting/UI but I want it back. I tried googling it but I can't find any solutions. Is this is even changeable?
If you are talking about this feature, it can be re-enabled by changing the value of Workbench > Editor > Untitled: Hint (workbench.editor.untitled.hint) in the settings.
But without that feature you can still change language mode by clicking the button at the bottom right of the window.

VS code doesn't show settings defaults json file beside my customization

I'm trying to master working with visual studio.
In the Intro Vieos the lecturer after opening User Settings shows that on the right side there are the default values for all settings and he can edit them by clicking on some icon beside each setting statement. Like the image below
I just do the same thing as he does. meaning I:
press ctrl+shift+p
search for Preferences: Open User Settings
and I click on it when found
But what I end up in does not show the default setting values on the right, beside a tab on the left to write my own customization. I need to see all the current default settings to decide which one I want to edit. How can I achieve that?
Thanks in advance.
I assume the lecturer uses an older version of Visual Studio Code. There was a change of the settings UI in August 2018, see here: https://code.visualstudio.com/updates/v1_27#_settings-editor
See this link to see how to use the settings UI: https://code.visualstudio.com/docs/getstarted/settings
And there is always the chance to press ctrl+shift+p and type Preferences: Open Settings (JSON). If you go to a new line and type "" you see the autocompletion list which shows all possible options.
EDIT: I just discovered that you can also restore the old behaviour. Open the settings and set workbench.settings.useSplitJSON to true.

How to wrap line in PyDev's interactive console?

Each time I want to view a long output line, I have to drag the horizontal scroll bar. Is it possible to set word wrapping in PyDev's interactive console (not editor)?
Unfortunately no, it's not currently possible to enable word wrapping in the PyDev interactive console.
You may report this as a feature request in https://www.brainwy.com/tracker/PyDev (but even better would be providing a pull request for that -- see: http://www.pydev.org/developers.html)
It is now possible as of PyDev 6.2. By default it is not enabled. To see the icon that you have to click to enable visit this. For the possibility that the link disappears, go to the console tab and you will want to look for an icon which has a yellow "left-turn" arrow and click that.

Is there a way to search/filter properties in Styles pane of Google Devtools?

On the Elements tab 'Find' functionality (cmd+F/ctrl+F) doesn't search through styles pane. Is there a way to type CSS property with HTML element selected and find it quickly in the Styles panel?
Bottom right corner, light gray text says "Find in styles". Click there and enter your search.
Unfortunately, such functionality does not exist in current Chrome Dev Tools.
But its present in Opera Dragonfly and its very handy, so, probably Chrome will copy it, eventually (but no such feature request exists in bug tracker now).
On the latest Chrome on Mac, I'm getting the filter at the top of the styles pane. I can't believe that I never noticed it given that I've needed it so many times!
Try using CTRL+Shif+F on the Elements tab