VS code ghostly autocomplete between the lines of code - javascript

When I type I get those annoying suggestions inside VS code and I don't know how to get rid of them. Any help would be appreciated.
This kind of auto complete appears
Tried to change suggestions and autocomplete settings on Intellisense, but no luck.

And I found the answer finally. The steps are the following:
Go to settings > extensions > Typescript and disable:
Javascript inlay hints on all options.
or...unisnatll the extension Typescript. That's it. The ghost writing is gone!

Related

Quick Suggestions not showing functions in VSCode JavaScript

Looking for a way to display functions in the quick suggestions in vscode. For example:
I cannot get str.replace() to appear in the suggested options.
I've explored the settings.json options but do not see anything there.

How to disable javascript code hints in Brackets editor?

I am new to JavaScript, just started learning, and using "Brackets" code editor but every time I write code it's showing hints, which I don't like, I don't want to see those hints, I want to learn by myself.
Please don't suggest any other code editors, I want use "Brackets" only
can someone help please?
You can disable the code hints by going to:
Choosing Debug > Open Preferences File opens the global preferences file "brackets.json"
Add these options to it:
"showCodeHints": false, //turn off all code hints
"codehint": {
"JSHints": false //turn off JS Hints
}
Read more on what are valid options:
ref: https://github.com/adobe/brackets/wiki/How-to-Use-Brackets#list-of-supported-preferences

The best extension to enable autocomplete feature when writing JavaScript in Atom

I'm learning Javascript and up until now when I wanted to change anything in the DOM, I was using Google Chrome devtools to do that. Now I'm moving to write my code inside the JavaScript file, that accompanies the webpage, in Atom but the problem is the extremely useful autocomplete features of Chrome devtools is not available in Atom. For example when I type this code:
document.addEventListener('click', function(){
const mainHeading = document.querySelector('h1');
mainHeading.style.backgroundColor = 'red';
})
Chrome devtools is intelligent enough to suggest backgroundColor with a capital C to prevent any typing errors but the same thing doesn't happen in Atom. In fact Atom does not have any suggestions at all. I have tried installing different JavaScript plugins such as atom-ternjs or autocomplete-javascript, to name a few but none is working when you want to write the code to manipulate the DOM. Any suggestions to solve this is greatly appreciated.
Here's a quick solution using Atom Ternjs.
Navigate to the menu bar and click Packages-> Atom Ternjs -> Configure Project.
Here, select the browser option under libs
Then, just scroll down and click on Save and Restart Server.
I hope this helps.
I'm using TabNine extension now and I'm satisfied with the performance. It uses deep learning to learn and predict the variables and lines of code you might want to write based on those variables and the more lines you write in a particular project the better it gets at giving the suggestions.

VS code Intellisense support in PHTML-files for inline css / inline javascript

I am using Visual Studio Code since a few days and I was wondering if it is possible to have support for Intellisense inside inlined css-blocks and/or inlined javascript in '.phtml'-files.
I could not find a solution online only a few people complaining about this not working from a few months back but I nothing that worked for me.
It would really help me a lot if someone has any idea how to solve this or at least a step in the right direction, or if I have to move the css and js into external files (of course thats better(!) but thats not the point here ;))
Thanks in advance.
This works for me after 2 changes in vscode.
User settings
I added below to the user settings
"files.associations": {
"*.phtml": "php"
},
Extension
Installing the intelliphense extension
And now both php as well as css intellisense works
Make sure you have no other conflicting extension enabled which may cause issue.
Also do have a look at the below open thread
https://github.com/Microsoft/vscode/issues/670

Expand collapsed Javascript code?

I have javascript source code that was not obscured, but compressed by collapsing. How can i expand it? Any tools/IDEs?
Thank you!!!
This should work for you:
http://jsbeautifier.org/
I once used with success UniversalIndent for this purpose: http://universalindent.sourceforge.net/
It also works as a notepad++ plugin, which was very useful for me.
If you are interested in doing a lot of Javascript programming, I can also recommend the Aptana Studio 3. From all the code editors I have ever tried, when it comes to Javascript this is the best one, offering code outlining and a primitive (but the best I've seen for Javascript) autocomplete functionality. It also has a Source Auto Format functionality that will help you auto indent the code.
You can more about the Aptana studio on the official site: http://aptana.com/products/studio3 . Please note that Aptana Studio 3 is a Beta product, but even so for me it was the best editor I could find.

Categories