title: Intellisense with third party JavaScript libraries in Visual Studio Code
body: <p>I have been playing around with Visual Studio Code today, and have been having a problem getting intellisense to work with some of the code in a JavaScript project. I had read this post <a href="http://www.johnpapa.net/intellisense-witha-visual-studio-code/" rel="nofollow noreferrer">http://www.johnpapa.net/intellisense-witha-visual-studio-code/</a> which talks about this issue, demonstrating how you can use intellisense with angular. I've been looking at some sample projects using a JavaScript library, PlaygroundJS, and it would be very useful to use intellisense within these projects, as they are usually broken into multiple files, and it would be nice to be able to look at the definitions, rather than tracking them down manually. However, when I looked at the options available under the quick actions, I do not see anything like, which was in the example I found:</p>
  
  <blockquote>
    <p>Add /// reference to angularjs/angular.d.ts</p>
  </blockquote>
  
  <p>just the option to mark the variable as global. So I was wondering, is it possible to add intellisense to this library, and the other files in a project?</p>
  
  <p>I did find that it was possible to add references to them at the top of each file:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>/// &lt;reference path="Global.js" /&gt;
  /// &lt;reference path="engine/Score.js"/&gt;
  /// &lt;reference path="engine/Camera.js"/&gt;
  /// &lt;reference path="engine/Engine.js"/&gt;
  /// &lt;reference path="engine/EnemyManager.js"/&gt;
  /// &lt;reference path="engine/EntityManager.js"/&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>but this manual process is time consuming and unwieldy. Is there no way for it to find these references automatically?</p>
  
  <p><img src="https://i.stack.imgur.com/CyZYF.png" alt="The options available when looking at the library"></p>