My vscode hover shows Typescript information even on my vanila JS project. Can I change that?
screenshot
Related
When writing JSX (or any typescript code really) if you have an available import that's not yet imported, you get a squiggly line under it and can press ctrl+dot on it and then automatically import the code as a "refactoring."
How can I set this up in Javascript? I've seen a screenshot of someone else's VSC where it is available underneath "more options" and so I'm pretty sure it's possible, but when I press ctrl+dot I get nothing.
Note: I'm aware I can press ctrl+space. However, I don't want to do this, for two reasons. (1) alt+space is pretty bad UX because if you press it in the middle of a word it continues to autocomplete even if you already had the full name there and so you are left with an incorrect tag (e.g. if your cursor was after the d in Keyboard for a component called KeyboardRow you are left with KeyboardRowRow) and (2) I want to rebind quick fix to alt+enter to match pycharm; and I want the same hotkey & UX in both Typescript and Javascript.
I haven't worked too much with JS, mainly with TS, but I have two extensions installed in my vscode that helped me a lot while coding in vanilla JS.
Path intellisense and Auto import
You can try if My Code Actions can be used to construct a Quick Fix for these types of PROBLEMS/squiggles
I'm learning a new API by writing some sample code in Visual Studio Code but documentation on hover cuts text abruptly and I don't want to use F12 ("go to function definition") each time to see the full documentation of a method in the header file; I suspect that VSCode doesn't like the #ref tag for some reason.
This is what the hover looks like:
This is the actual documentation in the header file of the method (MUCH longer):
Note: I installed an extension to show docs in the sidebar but the problem persists, so it must be something with VSCode itself I think
I am just getting started with Visual Studio Code. I am really liking it better than the full Visual Studio, but I was wondering how to show the object browser?
Along the left icon bar where I would expect it to be, all I see is Explorer, Search, Source Control, Run, and Extensions. Then at the bottom are Accounts and Settings.
How do I show the object browser? Is there a setting somewhere, or do I need to install an extension, or what?
I found it.
Just in case anyone is as blind as I am and stumbles across this question:
Under the "Explorer" button on the left. Way down at the bottom there is an "OUTLINE" section. Twirl that open and there it is!
Because I could not find it using the explanation above, I found the Object Browser under the View menu, somewhere at the middle of the list.
Or...you can press CTRL+ALT+J
enter image description here
When I write scala code in IntelliJ. Sometimes IntelliJ shows me somethings which I can improve in my code. Ex
The moment i move my mouse the tooltip disappears.
This is very nasty because I can't copy the content of the tooltip into the clipboard and then google it.
I clicked on the event log windows of the IDE but even that doesn't show the content of the tooltip.
Any idea how I can copy the content into the clipboard?
I already tried Analyze -> Inspect code. even there the content of the tooltip in the screenshot is not available.
Try Alt+Click to copy as described here:
https://youtrack.jetbrains.com/issue/IDEA-65636
No extension and frameworks
Hello!
I opened https://jsfiddle.net/ in my Firefox browser and expected to see "Frameworks&Extensions" section there. Howevere, it was not there. Can someone please advice what should I do in order to add the section? Please follow the image link for more details. I suppose that I should add some add on to my browser but can't guess what should it be. It is also not working in Chrome.
As outlined in a recent post on medium the ability to add frameworks and extensions has moved into the Javascript pane within JsFiddle.
Within a fiddle, click on the 'Javascript' 'button' at the top right of the Javascript pane to reveal the new menu.