title: How to create basic TypeScript project using jQuery, RequireJS, and KnockoutJS
body: <p>I have been searching for a simple how-to, to create the most basic example of a Visual Studio 2012 TypeScript project utilizing RequireJS, jQuery, and KnockoutJS.  There are several examples available, but for me some where more complicated than I wanted so I set out to create a how-to, and have posted it here for public scrutiny.  I have answered my own question as a Q&amp;A style knowledge sharing exercise.</p>
  
  <p>For those unfamiliar, here is a quick breakdown of the included components...</p>
  
  <p><a href="http://visualstudiogallery.msdn.microsoft.com/ac357f1e-9847-46ac-a4cf-520325beaec1" rel="noreferrer">TypeScript</a> - A Visual Studio extension that allows scripting to create a .TS file via a language that is a superset of JavaScript.  This provides the ability to define a data type associated with methods and variables - which is otherwise missing from JavaScript.  By doing so, compile time checks can ensure the proper use in an attempt to reduce run-time conflicts.  When building the Visual Studio project, the Visual Studio extension will compile the script into actual JavaScript.  As such, this extension comes with it's own compiler - tsc.exe.  It is expected the resulting JavaScript files will be deployed to production, not the source code .ts files.</p>
  
  <p><a href="http://jquery.com/" rel="noreferrer">jQuery</a> - a JavaScript framework for HTML document traversal and manipulation, event handling, animation, and Ajax interaction.</p>
  
  <p><a href="http://requirejs.org/" rel="noreferrer">RequireJS</a> - Dependency loader.  Sometimes JavaScript references can get crazy.  This attempts to assist with these concerns.  My example shows that even though many JavaScript files are in use, the HTML only refers to one - the root JavaScript file that loads the others.</p>
  
  <p><a href="http://knockoutjs.com/" rel="noreferrer">KnockoutJS</a> - UI binding, utilizing the MVVM pattern.  HTML views refer to variables and methods in a view-model.  The view model is a JavaScript object (the JavaScript file is likely the result of compiling a .ts file - see TypeScript above).</p>
  
  <p><a href="http://definitelytyped.org/" rel="noreferrer">DefinitelyTyped</a> - Also included are two DefinitelyTyped NuGet packages.  Because TypeScript is attempting to verify data type usage, it is performing a check to ensure it is aware of all references.  JavaScript is a bit more loose than that.  In order to satisfy TypeScript (when referring to external JavaScript objects) we need a way to describe (to TypeScript) the objects we expect to be used.  These DefinitelyTyped scripts provide this definition.  They provide no functionality, just clarity to the TypeScript compiler so it can perform these checks.</p>
  
  <p>In the example below, you will see </p>
  
  <pre><code>/// &lt;reference path="../Scripts/typings/requirejs/require.d.ts" /&gt;
  </code></pre>
  
  <p>This is how the TypeScript compiler will include the requirejs DefinitelyTyped definition file.  The organization creating these DefinitelyTyped scripts have created a vast collection.  Here we refer to only two - KnockoutJS, and RequireJS (well, because that is the scope of this tutorial)</p>