You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/javascript/javascript-in-visual-studio.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -22,7 +22,7 @@ manager: jmartens
22
22
23
23
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.
24
24
25
-
## JavaScript Language Service
25
+
## JavaScript language service
26
26
27
27
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.
28
28
@@ -43,7 +43,7 @@ The TypeScript SDK has been deprecated in Visual Studio 2022. Existing projects
43
43
> [!TIP]
44
44
> 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).
45
45
46
-
## Project Templates
46
+
## Project templates
47
47
48
48
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.
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:
60
60
@@ -69,11 +69,11 @@ Make sure to install the following:
69
69
70
70
1. In Solution Explorer, right-click the ASP.NET Core project and choose **Properties**.
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:
59
59
@@ -71,11 +71,11 @@ Make sure to install the following:
71
71
72
72
1. In Solution Explorer, right-click the ASP.NET Core project and choose **Properties**.
Copy file name to clipboardExpand all lines: docs/javascript/tutorial-asp-net-core-with-vue.md
+10-10
Original file line number
Diff line number
Diff line change
@@ -43,17 +43,17 @@ Make sure to install the following:
43
43
44
44
1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.
45
45
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":::
47
47
48
48
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.
49
49
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":::
51
51
52
52
1. Give your project and solution a name and then choose **Create**.
53
53
54
54
Once the project is created, Solution Explorer should look like this:
55
55
56
-
:::image type="content" source="media/vs-2022/asp-net-core-with-vue-solution-explorer.png" alt-text="Take a look at Solution Explorer":::
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:
59
59
@@ -66,11 +66,11 @@ Make sure to install the following:
66
66
67
67
1. In Solution Explorer, right-click the ASP.NET Core project and choose **Properties**.
Copy file name to clipboardExpand all lines: docs/javascript/tutorial-create-angular-app.md
+4-4
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
---
2
2
title: "Create an Angular app"
3
3
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
5
5
ms.custom: vs-acquisition
6
6
ms.topic: tutorial
7
7
ms.devlang: javascript
@@ -34,17 +34,17 @@ Make sure to install the following:
34
34
35
35
1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.
36
36
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":::
38
38
39
39
1. Search for Angular in the search bar at the top and then select **Standalone TypeScript Angular Template**.
40
40
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":::
42
42
43
43
1. Give your project and solution a name.
44
44
45
45
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.
Copy file name to clipboardExpand all lines: docs/javascript/tutorial-create-react-app.md
+4-4
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
---
2
2
title: "Create a React app"
3
3
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
5
5
ms.custom: vs-acquisition
6
6
ms.topic: tutorial
7
7
ms.devlang: javascript
@@ -33,17 +33,17 @@ Make sure to install the following:
33
33
34
34
1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.
35
35
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":::
37
37
38
38
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.
39
39
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":::
41
41
42
42
1. Give your project and solution a name.
43
43
44
44
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.
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
Copy file name to clipboardExpand all lines: docs/javascript/tutorial-create-vue-app.md
+3-3
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
---
2
2
title: "Create a Vue.js app"
3
3
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
5
5
ms.custom: vs-acquisition
6
6
ms.topic: tutorial
7
7
ms.devlang: javascript
@@ -34,11 +34,11 @@ Make sure to install the following:
34
34
35
35
1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.
36
36
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":::
38
38
39
39
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.
40
40
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":::
0 commit comments