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/ide/quickstart-aspnet-core.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -48,7 +48,7 @@ First, you'll create an ASP.NET Core web application project. The project type c
48
48
49
49

50
50
51
-
1. Next we'll clean up the `using` directives at the top of the file using a simple shortcut. Choose any of the greyed-out using directives and a [Quick Actions](../ide/quick-actions.md) light bulb will appear just below the caret or in the left margin. Choose the light bulb, and then choose **Remove Unnecessary Usings**.
51
+
1. Next, clean up the `using` directives at the top of the file using a simple shortcut. Choose any of the grayed-out using directives and a [Quick Actions](../ide/quick-actions.md) light bulb will appear just below the caret or in the left margin. Choose the light bulb, and then choose **Remove Unnecessary Usings**.
Copy file name to clipboardExpand all lines: docs/ide/quickstart-nodejs.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -79,7 +79,7 @@ First, you'll create an Node.js web application project.
79
79
80
80
1. Close the web browser.
81
81
82
-
Congratulations on completing this Quickstart! We hope you learned a little bit about the Visual Studio IDE. If you'd like to delve deeper into its capabilities, please continue with a tutorial in the **Tutorials** section of the table of contents.
82
+
Congratulations on completing this Quickstart in which you got started with the Visual Studio IDE and Node.js. If you'd like to delve deeper into its capabilities, continue with a tutorial in the **Tutorials** section of the table of contents.
Copy file name to clipboardExpand all lines: docs/nodejs/tutorial-nodejs-with-react-and-jsx.md
+9-9Lines changed: 9 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -16,7 +16,7 @@ ms.workload:
16
16
---
17
17
# Tutorial: Create a Node.js and React app in Visual Studio
18
18
19
-
Visual Studio allows you to easily create a Node.js project and leverage IntelliSense and other built-in features that support Node.js. In this tutorial for Visual Studio, you create a Node.js web application project from a Visual Studio template. Then, you create a simple app using React.
19
+
Visual Studio allows you to easily create a Node.js project and experience IntelliSense and other built-in features that support Node.js. In this tutorial for Visual Studio, you create a Node.js web application project from a Visual Studio template. Then, you create a simple app using React.
20
20
21
21
In this tutorial, you learn how to:
22
22
> [!div class="checklist"]
@@ -32,7 +32,7 @@ In this tutorial, you learn how to:
32
32
33
33
If you haven't already installed Visual Studio, go to the [Visual Studio downloads](https://visualstudio.microsoft.com/downloads/?utm_medium=microsoft&utm_source=docs.microsoft.com&utm_campaign=button+cta&utm_content=download+vs2017) page to install it for free.
34
34
35
-
If you need to install the workload but already have Visual Studio, click the **Open Visual Studio Installer** link in the left pane of the **New Project** dialog box. The Visual Studio Installer launches. Choose the **Node.js development** workload, then choose **Modify**.
35
+
If you need to install the workload but already have Visual Studio, select the **Open Visual Studio Installer** link in the left pane of the **New Project** dialog box. The Visual Studio Installer launches. Choose the **Node.js development** workload, then choose **Modify**.
36
36
37
37
* You must have the Node.js runtime installed.
38
38
@@ -81,11 +81,11 @@ This app requires a number of npm modules to run correctly.
81
81
82
82
In the **Install New npm Packages** dialog box, you can choose to install the most current package version or specify a version. If you choose to install the current version of these packages, but run into unexpected errors later, you may need to install the exact package versions described later in these steps.
83
83
84
-
1. In the **Install New npm Packages** dialog box, search for the react package, and click**Install Package** to install it.
84
+
1. In the **Install New npm Packages** dialog box, search for the react package, and select**Install Package** to install it.
Click the **Output** window to see progress on installing the package (select **Npm** in the **Show output from** field). When installed, the package appears under the **npm** node.
88
+
Select the **Output** window to see progress on installing the package (select **Npm** in the **Show output from** field). When installed, the package appears under the **npm** node.
89
89
90
90
The project's *package.json* file is updated with the new package information including the package version.
91
91
@@ -106,7 +106,7 @@ This app requires a number of npm modules to run correctly.
106
106
107
107
1. Right-click **npm** node in your project and choose **Update npm Packages**.
108
108
109
-
Click the **Output**window to see progress on installing the packages. This may take a few minutes and you may not see results immediately.
109
+
Select the **Output**window to see progress on installing the packages. Installation may take a few minutes and you may not see results immediately.
110
110
111
111
Here are the npm modules as they appear in Solution Explorer after they are installed.
112
112
@@ -128,7 +128,7 @@ For this simple app, you add the new project files in the project root. (In most
128
128
129
129
1. In Solution Explorer, right-click the project **NodejsWebAppBlank** and choose **Add**>**New Item**.
130
130
131
-
1. In the **Add New Item** dialog box, choose **TypeScript JSX file**, type the name *app.tsx*, and click**OK**.
131
+
1. In the **Add New Item** dialog box, choose **TypeScript JSX file**, type the name *app.tsx*, and select**OK**.
132
132
133
133
1. Repeat these steps to add *webpack-config.js*. Insteadof a TypeScript JSX file, choose **JavaScript file**.
134
134
@@ -264,13 +264,13 @@ In the previous steps, you added *webpack-config.js* to the project. Next, you a
264
264
265
265
If you see any errors instead of the preceding output, you must resolve them before your app will work. If your npm package versions are different than the versions shown inthis tutorial, that can be a source oferrors. One way to fix errors is to use the exact versions shown in the earlier steps. Also, if one or more of these package versions has been deprecated and results in an error, you may need to install a more recent version to fix errors.
266
266
267
-
1. In Solution Explorer, right-click the project node and choose **Add**>**Existing Folder**, then choose the *dist* folder and click**Select Folder**.
267
+
1. In Solution Explorer, right-click the project node and choose **Add**>**Existing Folder**, then choose the *dist* folder and choose**Select Folder**.
268
268
269
269
Visual Studio adds the *dist* folder to the project, which contains *app-bundle.js* and *app-bundle.js.map*.
270
270
271
271
1. Open *app-bundle.js* to see the transpiled JavaScript code.
272
272
273
-
1. If prompted to reload externally modified files, click**Yes to All**.
273
+
1. If prompted to reload externally modified files, select**Yes to All**.
@@ -336,7 +336,7 @@ In the preceding section, you attached the debugger to server-side Node.js code.
336
336
337
337
1. In the **Attach to Process** dialog box, choose **Webkit code** in the **Attach to** field, type **chrome** in the filter box to filter the search results.
338
338
339
-
1. Select the Chrome process with the correct host port (1337 in this example), and click **Attach**.
339
+
1. Select the Chrome process with the correct host port (1337 in this example), and select **Attach**.
340
340
341
341

Copy file name to clipboardExpand all lines: docs/nodejs/tutorial-nodejs.md
+3-3Lines changed: 3 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -132,7 +132,7 @@ The application uses Pug for the front-end JavaScript framework. Pug uses simple
132
132
}
133
133
````
134
134
135
-
This code creates a data object that we will pass to the dynamically generated HTML page.
135
+
This code creates a data object that you pass to the dynamically generated HTML page.
136
136
137
137
1. Replace the `router.get` function call with the following code:
138
138
@@ -144,7 +144,7 @@ The application uses Pug for the front-end JavaScript framework. Pug uses simple
144
144
145
145
The preceding code sets the current page using the Express router object and renders the page, passing the title and data object to the page. The*index.pug* file is specified here as the page to load when *index.js* runs. *index.js* is configured as the default route in*app.js*code (not shown).
146
146
147
-
To demonstrate several features of Visual Studio, we included an error in the line of code containing `res.render`. We need to fix the error before the app can run. We fix the errorin the next section.
147
+
To demonstrate several features of Visual Studio, there's a deliberate error in the line of code containing `res.render`. You need to fix the error before the app can run, which you do in the next section.
148
148
149
149
## Use IntelliSense
150
150
@@ -174,7 +174,7 @@ IntelliSense is a Visual Studio tool that assists you as you write code.
174
174
175
175
## Set a breakpoint
176
176
177
-
We are going to run the app with the Visual Studio debugger attached. Before we can do that, we need to set a breakpoint.
177
+
You're next going to run the app with the Visual Studio debuggerattached. Beforedoing that, you need to set a breakpoint.
178
178
179
179
1. In *index.js*, click in the left gutter before the following line of code to set a breakpoint:
0 commit comments