Skip to content

Commit 32d2430

Browse files
author
Your Name
committed
incorporated PR merger edits
1 parent aae47d4 commit 32d2430

7 files changed

+41
-41
lines changed

docs/javascript/javascript-in-visual-studio.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ manager: jmartens
2222

2323
Visual Studio 2022 provides rich support for JavaScript development, both using JavaScript directly, and also using the [TypeScript programming language](http://www.typescriptlang.org/), which was developed to provide a more productive and enjoyable JavaScript development experience, especially when developing projects at scale. You can write JavaScript or TypeScript code in Visual Studio for many application types and services.
2424

25-
## JavaScript Language Service
25+
## JavaScript language service
2626

2727
The JavaScript experience in Visual Studio 2022 is powered by the same engine that provides TypeScript support. This engine gives you better feature support, richness, and integration immediately out-of-the-box.
2828

@@ -43,7 +43,7 @@ The TypeScript SDK has been deprecated in Visual Studio 2022. Existing projects
4343
> [!TIP]
4444
> For projects developed in Visual Studio 2022, we encourage you to use the TypeScript NuGet or the TypeScript npm package for greater portability across different platforms and environments. For more information, see [Compile TypeScript code using NuGet](../javascript/compile-typescript-code-nuget.md) and [Compile TypeScript code using tsc](../javascript/compile-typescript-code-npm.md).
4545
46-
## Project Templates
46+
## Project templates
4747

4848
Starting in Visual Studio 2022, there is a new JavaScript/TypeScript project type (.esproj) that allows you to create standalone Angular, React, and Vue projects in Visual Studio. These front-end projects are created using the framework CLI tools you have installed on your local machine, so the version of the template is up to you.
4949

docs/javascript/tutorial-asp-net-core-with-angular.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -44,17 +44,17 @@ Make sure to install the following:
4444

4545
1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.
4646

47-
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Create a new project":::
47+
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::
4848

4949
1. Search for Angular in the search bar at the top and then select **Angular and ASP.NET Core (Preview)**.
5050

51-
:::image type="content" source="media/vs-2022/angular-choose-template.png" alt-text="Choose a template":::
51+
:::image type="content" source="media/vs-2022/angular-choose-template.png" alt-text="Screenshot showing choosing a template":::
5252

5353
1. Give your project and solution a name, and choose **Create**.
5454

5555
Once the project is created, Solution Explorer should look like this:
5656

57-
:::image type="content" source="media/vs-2022/asp-net-core-with-angular-solution-explorer.png" alt-text="Take a look at Solution Explorer":::
57+
:::image type="content" source="media/vs-2022/asp-net-core-with-angular-solution-explorer.png" alt-text="Screenshot showing Solution Explorer":::
5858

5959
Compared to the [standalone Angular template](../javascript/tutorial-create-angular-app.md), you see some new and modified files for integration with ASP.NET Core:
6060

@@ -69,11 +69,11 @@ Make sure to install the following:
6969

7070
1. In Solution Explorer, right-click the ASP.NET Core project and choose **Properties**.
7171

72-
:::image type="content" source="media/vs-2022/asp-net-core-project-properties.png" alt-text="Open project properties":::
72+
:::image type="content" source="media/vs-2022/asp-net-core-project-properties.png" alt-text="Screenshot showing Open project properties":::
7373

7474
1. Go to the Debug menu and select **Open debug launch profiles UI** option. Uncheck the **Launch Browser** option.
7575

76-
:::image type="content" source="media/vs-2022/asp-net-core-deselect-launch-browser.png" alt-text="Open debug launch profiles UI":::
76+
:::image type="content" source="media/vs-2022/asp-net-core-deselect-launch-browser.png" alt-text="Screenshot showing Debug launch profiles UI":::
7777

7878
This prevents opening the web page with the source weather data.
7979

@@ -82,13 +82,13 @@ Make sure to install the following:
8282
8383
## Start the project
8484

85-
1. To start the project, press **F5** or select the **Start** button at the top of the window. You will see two command prompts appear:
85+
To start the project, press **F5** or select the **Start** button at the top of the window. You will see two command prompts appear:
8686

87-
- The ASP.NET Core API project running
88-
- The Angular CLI running the ng start command
87+
- The ASP.NET Core API project running
88+
- The Angular CLI running the ng start command
8989

90-
>[!NOTE]
91-
> Check console output for messages, such as a message instructing you to update your version of Node.js.
90+
>[!NOTE]
91+
> Check console output for messages, such as a message instructing you to update your version of Node.js.
9292
9393
You should see an Angular app appear, that is populated via the API. If you don't see the app, see [Troubleshooting](#troubleshooting).
9494

docs/javascript/tutorial-asp-net-core-with-react.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -43,17 +43,17 @@ Make sure to install the following:
4343

4444
1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.
4545

46-
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Create a new project":::
46+
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::
4747

4848
1. Search for React in the search bar at the top and then select **React and ASP.NET Core (Preview)**. This is a JavaScript template.
4949

50-
:::image type="content" source="media/vs-2022/react-choose-template.png" alt-text="Choose a template":::
50+
:::image type="content" source="media/vs-2022/react-choose-template.png" alt-text="Screenshot showing choosing a template":::
5151

5252
1. Give your project and solution a name, and then choose **Create** to create the solution.
5353

5454
Once the project is created, Solution Explorer should look like this:
5555

56-
:::image type="content" source="media/vs-2022/asp-net-core-with-react-solution-explorer.png" alt-text="Take a look at Solution Explorer":::
56+
:::image type="content" source="media/vs-2022/asp-net-core-with-react-solution-explorer.png" alt-text="Screenshot showing Solution Explorer":::
5757

5858
Compared to the [standalone React template](../javascript/tutorial-create-react-app.md), you see some new and modified files for integration with ASP.NET Core:
5959

@@ -71,11 +71,11 @@ Make sure to install the following:
7171

7272
1. In Solution Explorer, right-click the ASP.NET Core project and choose **Properties**.
7373

74-
:::image type="content" source="media/vs-2022/asp-net-core-project-properties.png" alt-text="Open project properties":::
74+
:::image type="content" source="media/vs-2022/asp-net-core-project-properties.png" alt-text="Screenshot showing Open project properties":::
7575

7676
1. Go to the Debug menu and select **Open debug launch profiles UI** option. Uncheck the **Launch Browser** option for https.
7777

78-
:::image type="content" source="media/vs-2022/asp-net-core-deselect-launch-browser.png" alt-text="Open debug launch profiles UI":::
78+
:::image type="content" source="media/vs-2022/asp-net-core-deselect-launch-browser.png" alt-text="Screenshot showing Debug launch profiles UI":::
7979

8080
This prevents opening the web page with the source weather data.
8181

@@ -84,10 +84,10 @@ Make sure to install the following:
8484
8585
## Start the project
8686

87-
1. To start the project, press **F5** or select the **Start** button at the top of the window. You will see two command prompts appear:
87+
To start the project, press **F5** or select the **Start** button at the top of the window. You will see two command prompts appear:
8888

89-
- The ASP.NET Core API project running
90-
- npm running the react-scripts start command
89+
- The ASP.NET Core API project running
90+
- npm running the react-scripts start command
9191

9292
>[!NOTE]
9393
> Check console output for messages, such as a message instructing you to update your version of Node.js.

docs/javascript/tutorial-asp-net-core-with-vue.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -43,17 +43,17 @@ Make sure to install the following:
4343

4444
1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.
4545

46-
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Create a new project":::
46+
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::
4747

4848
1. Search for Vue in the search bar at the top and then select **Vue and ASP.NET Core (Preview)** with either JavaScript or TypeScript as the selected language.
4949

50-
:::image type="content" source="media/vs-2022/vue-choose-template.png" alt-text="Choose a template":::
50+
:::image type="content" source="media/vs-2022/vue-choose-template.png" alt-text="Screenshot showing choosing a template":::
5151

5252
1. Give your project and solution a name and then choose **Create**.
5353

5454
Once the project is created, Solution Explorer should look like this:
5555

56-
:::image type="content" source="media/vs-2022/asp-net-core-with-vue-solution-explorer.png" alt-text="Take a look at Solution Explorer":::
56+
:::image type="content" source="media/vs-2022/asp-net-core-with-vue-solution-explorer.png" alt-text="Screenshot showing Solution Explorer":::
5757

5858
Compared to the [standalone Vue template](../javascript/tutorial-create-vue-app.md), you see some new and modified files for integration with ASP.NET Core:
5959

@@ -66,11 +66,11 @@ Make sure to install the following:
6666

6767
1. In Solution Explorer, right-click the ASP.NET Core project and choose **Properties**.
6868

69-
:::image type="content" source="media/vs-2022/asp-net-core-project-properties.png" alt-text="Open project properties":::
69+
:::image type="content" source="media/vs-2022/asp-net-core-project-properties.png" alt-text="Screenshot showing Open project properties":::
7070

7171
1. Go to the Debug menu and select **Open debug launch profiles UI** option. Clear the **Launch browser** option.
7272

73-
:::image type="content" source="media/vs-2022/asp-net-core-deselect-launch-browser.png" alt-text="Open debug launch profiles UI":::
73+
:::image type="content" source="media/vs-2022/asp-net-core-deselect-launch-browser.png" alt-text="Screenshot showing Debug launch profiles UI":::
7474

7575
This prevents opening the web page with the source weather data.
7676

@@ -79,13 +79,13 @@ Make sure to install the following:
7979
8080
## Start the project
8181

82-
1. To start the project, press **F5** or select the **Start** button at the top of the window. You will see two command prompts appear:
82+
To start the project, press **F5** or select the **Start** button at the top of the window. You will see two command prompts appear:
8383

84-
- The ASP.NET Core API project running
85-
- The Vue CLI running the vue-cli-service serve command
84+
- The ASP.NET Core API project running
85+
- The Vue CLI running the vue-cli-service serve command
8686

87-
>[!NOTE]
88-
> Check console output for messages, such as a message instructing you to update your version of Node.js.
87+
>[!NOTE]
88+
> Check console output for messages, such as a message instructing you to update your version of Node.js.
8989
9090
You should see the Vue app appear, that is populated via the API. If you don't see the app, see [Troubleshooting](#troubleshooting).
9191

docs/javascript/tutorial-create-angular-app.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: "Create an Angular app"
33
description: In this tutorial, learn how to create a simple Angular application in Visual Studio.
4-
ms.date: 02/24/2023
4+
ms.date: 02/28/2023
55
ms.custom: vs-acquisition
66
ms.topic: tutorial
77
ms.devlang: javascript
@@ -34,17 +34,17 @@ Make sure to install the following:
3434

3535
1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.
3636

37-
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Create a new project":::
37+
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::
3838

3939
1. Search for Angular in the search bar at the top and then select **Standalone TypeScript Angular Template**.
4040

41-
:::image type="content" source="media/vs-2022/angular-choose-standalone-template.png" alt-text="Choose a template":::
41+
:::image type="content" source="media/vs-2022/angular-choose-standalone-template.png" alt-text="Screenshot showing choosing a template":::
4242

4343
1. Give your project and solution a name.
4444

4545
When you get to the Additional information window, be sure NOT to check the **Add integration for Empty ASP.NET Web API Project** option. This option adds files to your Angular template so that it can be hooked up with the ASP.NET Core project, if an ASP.NET Core project is added.
4646

47-
:::image type="content" source="media/vs-2022/angular-additional-info-no-integration.png" alt-text="Additional information":::
47+
:::image type="content" source="media/vs-2022/angular-additional-info-no-integration.png" alt-text="Screenshot showing Additional information":::
4848

4949
## View the project properties
5050

docs/javascript/tutorial-create-react-app.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: "Create a React app"
33
description: In this tutorial, learn how to create a simple React application in Visual Studio.
4-
ms.date: 02/24/2023
4+
ms.date: 02/28/2023
55
ms.custom: vs-acquisition
66
ms.topic: tutorial
77
ms.devlang: javascript
@@ -33,17 +33,17 @@ Make sure to install the following:
3333

3434
1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.
3535

36-
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Create a new project":::
36+
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::
3737

3838
1. Search for React in the search bar at the top and then select **Standalone JavaScript React Template** or **Standalone TypeScript React Template**, based on your preference.
3939

40-
:::image type="content" source="media/vs-2022/react-choose-standalone-template.png" alt-text="Choose a template":::
40+
:::image type="content" source="media/vs-2022/react-choose-standalone-template.png" alt-text="Screenshot showing choosing a template":::
4141

4242
1. Give your project and solution a name.
4343

4444
If you previously selected Standalone JavaScript React Template, when you get to the Additional information window be sure NOT to check the **Add integration for Empty ASP.NET Web API Project** option. This option adds files to your React template so that it can be hooked up with the ASP.NET Core project, if an ASP.NET Core project is added.
4545

46-
:::image type="content" source="media/vs-2022/react-additional-info-no-integration.png" alt-text="Additional information":::
46+
:::image type="content" source="media/vs-2022/react-additional-info-no-integration.png" alt-text="Screenshot showing Additional information":::
4747

4848
Please note that creation of the React project takes a moment because the create-react-app command that runs at this time also runs the npm install command
4949

docs/javascript/tutorial-create-vue-app.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: "Create a Vue.js app"
33
description: In this tutorial, learn how to create a simple Vue.js application in Visual Studio.
4-
ms.date: 02/24/2023
4+
ms.date: 02/28/2023
55
ms.custom: vs-acquisition
66
ms.topic: tutorial
77
ms.devlang: javascript
@@ -34,11 +34,11 @@ Make sure to install the following:
3434

3535
1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.
3636

37-
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Create a new project":::
37+
:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::
3838

3939
1. Search for Vue in the search bar at the top and then select **Standalone JavaScript Vue Template** or **Standalone TypeScript Vue Template**, based on your preference.
4040

41-
:::image type="content" source="media/vs-2022/vue-choose-standalone-template.png" alt-text="Choose a template":::
41+
:::image type="content" source="media/vs-2022/vue-choose-standalone-template.png" alt-text="Screenshot showing choosing a template":::
4242

4343
1. Give your project and solution a name.
4444

0 commit comments

Comments
 (0)