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

Question

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.

Answer 1

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.

Answer 2

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.