Как использовать функции автозаполнения, такие как Google Chrome devtools, при вводе кода Javascript в Atom?

Question

Я изучаю Javascript, и до тех пор, пока я не захотел что-то изменить в DOM, я использовал Google Chrome devtools для этого. Теперь я перехожу к написанию своего кода в файле JavaScript, который сопровождает веб-страницу, в Atom, но проблема в том, что чрезвычайно полезные функции автозаполнения Chrome devtools недоступны в Atom. Например, когда я набираю этот код:

document.addEventListener('click', function(){
  const mainHeading = document.querySelector('h1');
  mainHeading.style.backgroundColor = 'red';
})

Chrome devtools достаточно умен, чтобы предложить backgroundColor с большой буквы C, чтобы предотвратить любые ошибки при наборе, но в Atom этого не происходит , На самом деле у Атома вообще нет никаких предложений. Я попытался установить различные JavaScript плагины, такие как atom-tern js или autocomplete- javascript, чтобы назвать несколько, но ни один не работает, когда вы хотите написать код для управления DOM. Любые предложения, чтобы решить это очень ценится.

Answer 1

Вот быстрое решение с использованием Atom Tern js. Перейдите к строке меню и выберите Пакеты-> Атом Tern js -> Настроить проект. Здесь выберите опцию браузера в libs

Затем просто прокрутите вниз и нажмите Сохранить и перезапустить сервер.

Надеюсь, это поможет.