5 lines
15 KiB
JSON
5 lines
15 KiB
JSON
|
{
|
||
|
|
"id": "guide/visual-studio-2015",
|
||
|
|
"title": "Using Angular with Visual Studio 2015",
|
||
|
|
"contents": "\n\n\n<div class=\"github-links\">\n <a href=\"https://github.com/angular/angular/edit/master/aio/content/guide/visual-studio-2015.md?message=docs%3A%20describe%20your%20change...\" aria-label=\"Suggest Edits\" title=\"Suggest Edits\"><i class=\"material-icons\" aria-hidden=\"true\" role=\"img\">mode_edit</i></a>\n</div>\n\n\n<div class=\"content\">\n <h1 id=\"using-angular-with-visual-studio-2015\">Using Angular with Visual Studio 2015<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/visual-studio-2015#using-angular-with-visual-studio-2015\"><i class=\"material-icons\">link</i></a></h1>\n<a id=\"top\"></a>\n<p>Some developers prefer Visual Studio as their Integrated Development Environment (IDE).</p>\n<p>This cookbook describes the steps required to set up and use Angular app files in Visual Studio 2015 within an ASP.NET 4.x project.</p>\n<div class=\"alert is-helpful\">\n<p>There is no <em>live example</em> for this cookbook because it describes Visual Studio, not\nthe Angular application itself. It uses the starter Angular application created by the CLI command <a href=\"cli/new\"><code>ng new</code></a> as an example.</p>\n</div>\n<a id=\"asp-net-4\"></a>\n<h2 id=\"aspnet-4x-project\">ASP.NET 4.x Project<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/visual-studio-2015#aspnet-4x-project\"><i class=\"material-icons\">link</i></a></h2>\n<p>To set up the Getting Started files with an <strong>ASP.NET 4.x project</strong> in\nVisual Studio 2015, follow these steps:</p>\n<div class=\"alert is-helpful\">\n<p>If you prefer a <code>File | New Project</code> experience and are using <strong>ASP.NET Core</strong>,\nthen consider the <em>experimental</em>\n<a href=\"https://blog.stevensanderson.com/2016/10/04/angular2-template-for-visual-studio/\">ASP.NET Core + Angular template for Visual Studio 2015</a>.\nNote that the resulting code does not map to the docs. Adjust accordingly.</p>\n</div>\n<h2 id=\"prereq1\">\n Prerequisite: Node.js\n<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/visual-studio-2015#prereq1\"><i class=\"material-icons\">link</i></a></h2>\n<p>Install <strong><a href=\"https://nodejs.org/en/download/\">Node.js® and npm</a></strong>\nif they are not already on your machine.\nSee <a href=\"guide/setup-local\" title=\"Setting up for Local Development\">Local Environment Setup</a> for supported versions and instructions.</p>\n<h2 id=\"prereq2\">\n Prerequisite: Visual Studio 2015 Update 3\n<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/visual-studio-2015#prereq2\"><i class=\"material-icons\">link</i></a></h2>\n<p>The minimum requirement for developing Angular applications with Visual Studio is Update 3.\nEarlier versions do not follow the best practices for developing applications with TypeScript.\nTo view your version of Visual Studio 2015, go to <code>Help | About Visual Studio</code>.</p>\n<p>If you don't have it, install <strong><a href=\"https://www.visualstudio.com/en-us/news/releasenotes/vs2015-update3-vs\">Visual Studio 2015 Update 3</a></strong>.\nOr use <code>Tools | Extensions and Updates</code> to update to Update 3 directly from Visual Studio 2015.</p>\n<h2 id=\"prereq3\">\n Prerequisite: Configure External Web tools\n<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"guide/visual-studio-2015#prereq3\"><i class=\"material-icons\">link</i></a></h2>\n<p>Configure Visual Studio to use the global external web tools instead of the tools that ship with Visual Studio:</p>\n<ul>\n<li>Open the <strong>Options</strong> dialog with <code>Tools</code> | <code>Options</code>.</li>\n<li>In the tree on the left, select <code>Projects and Solutions</code> | <code>External Web Tools</code>.</li>\n<li>On the right, move the <code>$(PATH)</code> entry above the <code>$(DevEnvDir</code>) entries. This tells Visual Studio to\nuse the external tools (such as npm) found in the global path before using its
|
||
|
|
}
|