title: How to setup Atom JS autocomplete?
body: <p>I'm trying to get <strong>autocomplete</strong> suggestions from my <strong>Atom</strong> code editor. When I'm trying <code>doc</code> I expecting <code>document</code> and when I typing <code>document.que</code> I'm expecting Atom would show me <code>.querySelector()</code>. And it's doesn't happening. I've installed these packages to resolve the issue:</p>
  
  <ul>
  <li>atom-ternjs</li>
  </ul>
  
  <p>After that I still doesn't get autocomplete for <code>doc</code> or <code>document.</code> My -tern.project file looks like this:</p>
  
  <pre><code>{
    "ecmaVersion": 6,
    "libs": [],
    "loadEagerly": [],
    "dontLoad": [
      "node_modules/**"
    ],
    "plugins": {
      "doc_comment": true,
      "complete_strings": {
        "maxLength": 15
      },
      "node": {
        "dontLoad": "",
        "load": "",
        "modules": ""
      },
      "modules": {
        "dontLoad": "",
        "load": "",
        "modules": ""
      },
      "es_modules": {}
    }
  }
  </code></pre>
  
  <p>So, how do you <strong>autocomplete</strong> JS in Atom? Interesting thing - notice if I create array and try <code>array.</code> then Atom gives me suggestions like .pop .push and others but why it doesn't give me a <code>document.</code> => <code>.querySelector()</code> and other for DOM manipulation.</p>
  
  <p>My Atom config.cson:</p>
  
  <pre><code>"*":
    core:
      telemetryConsent: "no"
    editor:
      fontSize: 13
    "exception-reporting":
      userId: "bla-bla-bla"
    "linter-ui-default":
      showPanel: true
  </code></pre>