From 3daeadd23564c0dd65a589899d0a6d6e4553ef33 Mon Sep 17 00:00:00 2001 From: jenniferfell Date: Wed, 10 Oct 2018 14:25:10 -0600 Subject: [PATCH] docs: visual studio removed from nav and updated to refer to getting started instead of quickstart repo (#26376) PR Close #26376 --- aio/content/guide/visual-studio-2015.md | 48 ++++++++++--------------- aio/content/navigation.json | 7 ++-- 2 files changed, 22 insertions(+), 33 deletions(-) diff --git a/aio/content/guide/visual-studio-2015.md b/aio/content/guide/visual-studio-2015.md index 87ac3ad1ca..90b18d3872 100644 --- a/aio/content/guide/visual-studio-2015.md +++ b/aio/content/guide/visual-studio-2015.md @@ -1,18 +1,18 @@ -# Visual Studio 2015 QuickStart +# Using Angular with Visual Studio 2015 {@a top} Some developers prefer Visual Studio as their Integrated Development Environment (IDE). This cookbook describes the steps required to set up and use the -Angular QuickStart files in **Visual Studio 2015 within an ASP.NET 4.x project**. +Angular [Getting Started](guide/quickstart) files in Visual Studio 2015 within an ASP.NET 4.x project.
There is no *live example* for this cookbook because it describes Visual Studio, not -the QuickStart application itself. +the Angular Getting Started application itself.
@@ -22,7 +22,7 @@ the QuickStart application itself. ## ASP.NET 4.x Project -To set up the QuickStart files with an **ASP.NET 4.x project** in +To set up the Getting Started files with an **ASP.NET 4.x project** in Visual Studio 2015, follow these steps:
@@ -48,18 +48,10 @@ Note that the resulting code does not map to the docs. Adjust accordingly. Install **[Node.js® and npm](https://nodejs.org/en/download/)** if they are not already on your machine. - -
+See [Getting Started](guide/quickstart) for supported versions and instructions. -**Verify that you are running Node.js version `8.x` or greater, and npm `5.x` or greater** -by running `node -v` and `npm -v` in a terminal window. -Older versions produce errors. - - -
- @@ -100,21 +92,21 @@ find them in either location, it will use its own versions of the tools.

- Prerequisite: Install TypeScript 2.2 for Visual Studio 2015 + Prerequisite: Install TypeScript for Visual Studio 2015

-While Visual Studio Update 3 ships with TypeScript support out of the box, it currently doesn’t ship with TypeScript 2.2, +While Visual Studio Update 3 ships with TypeScript support out of the box, it currently doesn’t ship with TypeScript 3.1, which you need to develop Angular applications. -To install TypeScript 2.2: +To install TypeScript 3.1: - * Download and install **[TypeScript 2.2 for Visual Studio 2015](https://www.microsoft.com/en-us/download/details.aspx?id=48593)** + * Download and install [TypeScript 3.1 for Visual Studio 2015](https://www.microsoft.com/en-us/download/details.aspx?id=48593), - * OR install it with npm: `npm install -g typescript@2.2`. + * OR install it with npm: `npm install -g typescript@3.1`. -You can find out more about TypeScript 2.2 support in Visual studio **[here](https://blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/)**. +You can find out more about TypeScript 3.1 support in Visual Studio **[here](https://blogs.msdn.microsoft.com/typescript/announcing-typescript-3-1/)**. At this point, Visual Studio is ready. It’s a good idea to close Visual Studio and restart it to make sure everything is clean. @@ -122,13 +114,11 @@ restart it to make sure everything is clean.

- Step 1: Download the QuickStart files + Step 1: Download the Angular Getting Started app

- -[Download the QuickStart source](https://github.com/angular/quickstart) -from GitHub. If you downloaded as a zip file, extract the files. +Go to the final code review in [Getting Started](guide/quickstart) and download the solution app project. These files contain a starter Angular app. @@ -160,12 +150,10 @@ no authentication, and no hosting. Pick the template and options appropriate for

- Step 3: Copy the QuickStart files into the ASP.NET project folder + Step 3: Copy the Angular Getting Started project files into the ASP.NET project folder

- - -Copy the QuickStart files you downloaded from GitHub into the folder containing the `.csproj` file. +Copy the files you downloaded from [Getting Started](guide/quickstart) into the folder containing the `.csproj` file. Include the files in the Visual Studio project as follows: * Click the `Show All Files` button in Solution Explorer to reveal all of the hidden files in the project. @@ -212,7 +200,7 @@ Right-click `index.html` in Solution Explorer and select option `Set As Start Pa ### To run in VS with F5 Most Visual Studio developers like to press the F5 key and see the IIS server come up. -To use the IIS server with the QuickStart app, you must make the following three changes. +To use the IIS server with the Getting Started app, you must make the following three changes. 1. In `index.html`, change base href from `` to ``. 2. Also in `index.html`, change the scripts to use `/node_modules` with a slash @@ -249,7 +237,7 @@ for any address other than `/` or `/index.html`. You have to configure the server to return `index.html` for requests to these "unknown" pages. The `lite-server` development server does out-of-the-box. If you've switched over to F5 and IIS, you have to configure IIS to do it. -This section walks through the steps to adapt the QuickStart application. +This section walks through the steps to adapt the Getting Started application. #### Configure IIS rewrite rules @@ -309,7 +297,7 @@ It's faster to run without the debugger by pressing `Ctrl-F5`. -The default browser opens and displays the QuickStart sample application. +The default browser opens and displays the Getting Started sample application. Try editing any of the project files. Save and refresh the browser to see the changes. diff --git a/aio/content/navigation.json b/aio/content/navigation.json index 478e416437..6a9114bb02 100644 --- a/aio/content/navigation.json +++ b/aio/content/navigation.json @@ -553,7 +553,7 @@ { "title": "Dev Tool Integration", - "tooltip": "Integration with your development environment and tool information.", + "tooltip": "Integrate with your development environment and tools.", "children": [ { "url": "guide/language-service", @@ -562,8 +562,9 @@ }, { "url": "guide/visual-studio-2015", - "title": "Visual Studio 2015 QuickStart", - "tooltip": "Use Visual Studio 2015 with the QuickStart files." + "title": "Visual Studio 2015", + "tooltip": "Using Angular with Visual Studio 2015.", + "hidden": true } ] },