To get started with TypeScript in an ASP.NET project, just add a TypeScript file by choosing Add \u2013 TypeScript File<\/em> in the Solution Explorer right click menu, or by using the Add \u2013 New Item<\/em> dialog. Adding a TypeScript file automatically onfigures the project to support compiling TypeScript. You can also rename JavaScript files with the \u201c.ts\u201d extension to convert them into TypeScript files. Since TypeScript is a superset of JavaScript, you can gradually migrate the scripts you already have by adding type annotations and restructuring the code to use classes, interfaces, and modules.<\/p>\n Adding Declaration Files<\/strong><\/p>\n One of the best parts of JavaScript development is the wealth of useful, free libraries available online. To use these JavaScript libraries seamlessly in TypeScript apps, TypeScript supports declaration files (with the extension \u201c.d.ts\u201d) that describe the types of objects in JavaScript files. Through the community efforts, many popular JavaScript libraries now have tooling and error detection using these declaration files.\u00a0 Sites like DefinitelyTyped<\/a> have become indispensable for developers\u00a0by collecting these declaration files together in one place.\u00a0 Contributions by the community have mirrored these packages as NuGet, making them available to Visual Studio users.<\/p>\n In 0.9.1, with\u00a0a right click you can\u00a0now choose \u201cSearch for TypeScript Typings\u2026\u201d This searches NuGet for TypeScript-related packages matching the name of the JavaScript file. If you install a typing package, it will automatically be referenced by all of the TypeScript files in your project. You no longer need to explicitly add reference tags in your TypeScript code to each of the declaration files.<\/p>\n Debugging<\/strong><\/p>\n TypeScript 0.9.1 continues to make it easy\u00a0to debug TypeScript code, letting you focus on the code you’ve written. Because the TypeScript compiler generates source map files that relate the symbols in your TypeScript code with its JavaScript output, you can set a breakpoint in a TypeScript file, open your app in Internet Explorer, and then step through your code in Visual Studio just like ordinary JavaScript. You can examine the values of objects, add watches, view the call stack, and more. Since TypeScript is compiled to clean, readable JavaScript, it\u2019s also straightforward to debug your code in your browser\u2019s developer tools.<\/p>\n Organizing TypeScript and JavaScript in Solutions<\/strong><\/p>\n By default, TypeScript files are automatically compiled when they\u2019re saved and when your solution builds. Generated JavaScript files are placed in the same directory as their TypeScript source files. Think of the generated JavaScript files like DLLs generated from C# or VB code: they\u2019re not included in your project, so they don\u2019t appear in the Solution Explorer. If you want to view the JavaScript files, you can use the \u201cShow All Files\u201d button at the top of the Solution Explorer. The TypeScript Playground<\/a> is another great tool for quickly seeing how your TypeScript will be compiled.<\/p>\n Other Editors<\/strong><\/p>\n We\u2019ve released the TypeScript compiler and language as open source<\/a>\u00a0to make it easy for the community to build great tools. While we think Visual Studio 2013 provides the best TypeScript development experience, there are a number of other editors with TypeScript support available, including Eclipse, Web Storm, Sublime Text, emacs, and vim.<\/p>\n![\"Image](\"https:\/\/devblogs.microsoft.com\/typescript\/wp-content\/uploads\/sites\/11\/2013\/08\/0172.NewTypeScriptFile.png\")
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n