Skip to content

Commit 3d6587e

Browse files
authored
Merge pull request #1765 from gewarren/gewarren-metadata-0409
Update ms.technology metadata
2 parents 5a4ac5c + f693e23 commit 3d6587e

File tree

4 files changed

+45
-46
lines changed

4 files changed

+45
-46
lines changed

docs/ai/index.yml

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: Visual Studio Tools for AI
44
metadata:
55
document_id: 83ceabb5-fb4f-a709-3fd2-37d024409f31
66
title: Visual Studio Tools for AI | Microsoft Docs
7-
meta.description:
7+
meta.description:
88
services: ai-tools-visual-studio
99
author: lisawong19
1010
manager: routlaw
@@ -14,6 +14,7 @@ metadata:
1414
ms.topic: landing-page
1515
ms.date: 10-25-2017
1616
ms.author: liwong
17+
ms.technology: vs-ai-tools
1718
abstract:
1819
description: Visual Studio Tools for AI is an integrated development environment to build, test, and deploy deep learning solutions. Learn how to use AI Tools with our quickstarts, tutorials, and samples.
1920
sections:
@@ -23,10 +24,10 @@ sections:
2324
text: 'Learn how to run deep learning solution with:'
2425
- type: list
2526
style: icon48
26-
items:
27-
- image:
27+
items:
28+
- image:
2829
src: media/Tensorflow_logo.png
29-
text: TensorFlow and Python
30+
text: TensorFlow and Python
3031
href: tensorflow-local.md
3132
- title: Step-by-Step Tutorials
3233
items:

docs/ide/not-in-toc/default.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,8 @@ f1_keywords:
77
- "vs.texteditor"
88
- "vs.ambient"
99
manager: ghogen
10+
author: gewarren
11+
ms.author: gewarren
1012
ms.technology: vs-ide-general
1113
---
1214
# F1 help

docs/nodejs/tutorial-nodejs-with-react-and-jsx.md

Lines changed: 20 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -5,21 +5,19 @@ ms.custom: "mvc"
55
ms.date: "02/19/2018"
66
ms.reviewer: ""
77
ms.suite: ""
8-
ms.technology:
9-
- "vs-ide-general"
10-
ms.tgt_pltfrm: ""
8+
ms.technology: vs-nodejs
119
ms.topic: "tutorial"
1210
ms.devlang: javascript
1311
author: "mikejo5000"
1412
ms.author: "mikejo"
1513
manager: ghogen
16-
dev_langs:
14+
dev_langs:
1715
- JavaScript
18-
ms.workload:
16+
ms.workload:
1917
- "nodejs"
2018
---
2119
# Tutorial: Create a Node.js and React app in Visual Studio
22-
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.
20+
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.
2321

2422
In this tutorial, you learn how to:
2523
> [!div class="checklist"]
@@ -46,17 +44,17 @@ In this tutorial, you learn how to:
4644
## Create a project
4745
First, create a Node.js web application project.
4846

49-
1. Open Visual Studio 2017.
47+
1. Open Visual Studio 2017.
5048

51-
1. From the top menu bar, choose **File** > **New** > **Project...**.
49+
1. From the top menu bar, choose **File** > **New** > **Project...**.
5250

53-
1. In the **New Project** dialog box, in the left pane, expand **JavaScript**, and then choose **Node.js**. In the middle pane, choose **Blank Node.js Web Application**, type the name **NodejsWebAppBlank**, and then choose **OK**.
51+
1. In the **New Project** dialog box, in the left pane, expand **JavaScript**, and then choose **Node.js**. In the middle pane, choose **Blank Node.js Web Application**, type the name **NodejsWebAppBlank**, and then choose **OK**.
5452

55-
If you don't see the **Blank Node.js Web Application** project template, you must first install the Node.js development workload.
53+
If you don't see the **Blank Node.js Web Application** project template, you must first install the Node.js development workload.
5654

5755
Visual Studio creates the new solution and opens your project.
5856

59-
![Node.js project in Solution Explorer](../nodejs/media/tutorial-nodejs-react-project-structure.png)
57+
![Node.js project in Solution Explorer](../nodejs/media/tutorial-nodejs-react-project-structure.png)
6058

6159
- Highlighted in bold is your project, using the name you gave in the **New Project** dialog box. In the file system, this project is represented by a *.njsproj* file in your project folder. You can set properties and environment variables associated with the project by right-clicking the project and choosing **Properties**. You can do round-tripping with other development tools, since the project file does not make custom changes to the Node.js project source.
6260

@@ -112,7 +110,7 @@ This app requires a number of npm modules to run correctly.
112110

113111
Here are the npm modules as they appear in Solution Explorer after they are installed.
114112

115-
![npm packages](../nodejs/media/tutorial-nodejs-react-npm-modules.png)
113+
![npm packages](../nodejs/media/tutorial-nodejs-react-npm-modules.png)
116114

117115
> [!NOTE]
118116
> If you prefer to install npm packages using the command line, right-click the project node and choose **Open Command Prompt Here**. Use standard Node.js commands to install packages.
@@ -166,7 +164,7 @@ For this simple app, you add the new project files in the project root. (In most
166164

167165
```javascript
168166
declare var require: any
169-
167+
170168
var React = require('react');
171169
var ReactDOM = require('react-dom');
172170
@@ -262,7 +260,7 @@ In the previous steps, you added *webpack-config.js* to the project. Next, you a
262260

263261
The command prompt window shows the result.
264262

265-
![Run webpack](../nodejs/media/tutorial-nodejs-react-run-webpack.png)
263+
![Run webpack](../nodejs/media/tutorial-nodejs-react-run-webpack.png)
266264

267265
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 in this tutorial, that can be a source of errors. 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.
268266

@@ -274,23 +272,23 @@ In the previous steps, you added *webpack-config.js* to the project. Next, you a
274272

275273
1. If prompted to reload externally modified files, click **Yes to All**.
276274

277-
![Load modified files](../nodejs/media/tutorial-nodejs-react-reload-files.png)
275+
![Load modified files](../nodejs/media/tutorial-nodejs-react-reload-files.png)
278276

279277
Each time you make changes to *app.tsx*, you must rerun the webpack command.
280278

281279
## Run the app
282280

283281
1. Make sure that Chrome is selected as the current debug target.
284282

285-
![Select Chrome as debug target](../nodejs/media/tutorial-nodejs-react-debug-target.png)
283+
![Select Chrome as debug target](../nodejs/media/tutorial-nodejs-react-debug-target.png)
286284

287285
1. To run the app, press **F5** (**Debug** > **Start Debugging**) or the green arrow button.
288286

289287
A Node.js console window opens that shows the port on which the debugger is listening.
290288

291289
Visual Studio starts the app by launching the startup file, *server.js*.
292290

293-
![Run React in browser](../nodejs/media/tutorial-nodejs-react-running-react.png)
291+
![Run React in browser](../nodejs/media/tutorial-nodejs-react-running-react.png)
294292

295293
1. Close the browser window.
296294

@@ -300,9 +298,9 @@ Each time you make changes to *app.tsx*, you must rerun the webpack command.
300298

301299
1. In *server.js*, click in the gutter to the left of the `staticPath` declaration to set a breakpoint:
302300

303-
![Set a breakpoint](../nodejs/media/tutorial-nodejs-react-set-breakpoint.png)
301+
![Set a breakpoint](../nodejs/media/tutorial-nodejs-react-set-breakpoint.png)
304302

305-
Breakpoints are the most basic and essential feature of reliable debugging. A breakpoint indicates where Visual Studio should suspend your running code so you can take a look at the values of variables, or the behavior of memory, or whether or not a branch of code is getting run.
303+
Breakpoints are the most basic and essential feature of reliable debugging. A breakpoint indicates where Visual Studio should suspend your running code so you can take a look at the values of variables, or the behavior of memory, or whether or not a branch of code is getting run.
306304

307305
1. To run the app, press **F5** (**Debug** > **Start Debugging**).
308306

@@ -328,7 +326,7 @@ In the preceding section, you attached the debugger to server-side Node.js code.
328326

329327
1. Switch to Visual Studio and set a breakpoint in *app-bundle.js* code in the `render()` function as shown in the following illustration:
330328

331-
![Set a breakpoint](../nodejs/media/tutorial-nodejs-react-set-breakpoint-client-code.png)
329+
![Set a breakpoint](../nodejs/media/tutorial-nodejs-react-set-breakpoint-client-code.png)
332330

333331
1. With Chrome selected as the debug target in Visual Studio, press **Ctrl + F5** (**Debug** > **Start Without Debugging**) to run the app in the browser.
334332

@@ -340,7 +338,7 @@ In the preceding section, you attached the debugger to server-side Node.js code.
340338

341339
1. Select the Chrome process with the correct host port (1337 in this example), and click **Attach**.
342340

343-
![Attach to process](../nodejs/media/tutorial-nodejs-react-attach-to-process.png)
341+
![Attach to process](../nodejs/media/tutorial-nodejs-react-attach-to-process.png)
344342

345343
You know the debugger has attached correctly when the DOM Explorer and the JavaScript Console open in Visual Studio. These debugging tools are similar to Chrome Developer Tools and F12 Tools for Edge.
346344

@@ -362,7 +360,7 @@ In the preceding section, you attached the debugger to server-side Node.js code.
362360
> [!TIP]
363361
> Once you attach to the process the first time by following these steps, you can quickly reattach to the same process in Visual Studio 2017 by choosing **Debug** > **Reattach to Process**.
364362

365-
## Next steps
363+
## Next steps
366364

367365
In this tutorial, you learned how to create a Node.js and React app, transpile JSX, and debug. To learn more about Node.js Tools for Visual Studio, see the Uncyclo page.
368366

docs/nodejs/tutorial-nodejs.md

Lines changed: 18 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -5,21 +5,19 @@ ms.custom: ""
55
ms.date: "03/13/2018"
66
ms.reviewer: ""
77
ms.suite: ""
8-
ms.technology:
9-
- "vs-ide-general"
10-
ms.tgt_pltfrm: ""
8+
ms.technology: vs-nodejs
119
ms.topic: "tutorial"
1210
ms.devlang: javascript
1311
author: "mikejo5000"
1412
ms.author: "mikejo"
1513
manager: ghogen
16-
dev_langs:
14+
dev_langs:
1715
- JavaScript
18-
ms.workload:
16+
ms.workload:
1917
- "nodejs"
2018
---
2119
# Tutorial: Create a Node.js and Express app in Visual Studio
22-
In this tutorial for Visual Studio development using Node.js and Express, you create a simple Node.js web application, add some code, explore some features of the IDE, and run the app. If you haven't already installed Visual Studio, install it for free [here](http://www.visualstudio.com).
20+
In this tutorial for Visual Studio development using Node.js and Express, you create a simple Node.js web application, add some code, explore some features of the IDE, and run the app. If you haven't already installed Visual Studio, install it for free [here](http://www.visualstudio.com).
2321

2422
In this tutorial, you learn how to:
2523
> [!div class="checklist"]
@@ -46,13 +44,13 @@ In this tutorial, you learn how to:
4644
## Create a project
4745
First, you'll create an Node.js web application project.
4846

49-
1. Open Visual Studio 2017.
47+
1. Open Visual Studio 2017.
5048

51-
1. From the top menu bar, choose **File** > **New** > **Project...**.
49+
1. From the top menu bar, choose **File** > **New** > **Project...**.
5250

53-
1. In the **New Project** dialog box, in the left pane, expand **JavaScript**, and then choose **Node.js**. In the middle pane, select **Basic Azure Node.js Express 4 Application**, and then choose **OK**.
51+
1. In the **New Project** dialog box, in the left pane, expand **JavaScript**, and then choose **Node.js**. In the middle pane, select **Basic Azure Node.js Express 4 Application**, and then choose **OK**.
5452

55-
If you don't see the **Basic Azure Node.js Express 4 Application** project template, you must install the **Node.js development** workload first.
53+
If you don't see the **Basic Azure Node.js Express 4 Application** project template, you must install the **Node.js development** workload first.
5654

5755
Visual Studio creates the new solution and opens your project. The *app.js* project file opens in the editor (left pane).
5856

@@ -125,11 +123,11 @@ First, you'll create an Node.js web application project.
125123

126124
1. After the `data` string, type `: get` and IntelliSense will show you the `getData` function. Select `getData`.
127125

128-
![Use IntelliSense](../nodejs/media/tutorial-nodejs-intellisense.png)
126+
![Use IntelliSense](../nodejs/media/tutorial-nodejs-intellisense.png)
129127

130128
1. Remove the comma (`,`) before `"data"` and you see green syntax highlighting on the expression. Hover over the syntax highlighting.
131129

132-
![View syntax error](../nodejs/media/tutorial-nodejs-syntax-checking.png)
130+
![View syntax error](../nodejs/media/tutorial-nodejs-syntax-checking.png)
133131

134132
The last line of this message tells you that the JavaScript interpreter expected a comma (`,`).
135133

@@ -147,15 +145,15 @@ First, you'll create an Node.js web application project.
147145

148146
`res.render('index', { title: 'Express', "data": getData() });`
149147
150-
Breakpoints are the most basic and essential feature of reliable debugging. A breakpoint indicates where Visual Studio should suspend your running code so you can take a look at the values of variables, or the behavior of memory, or whether or not a branch of code is getting run.
148+
Breakpoints are the most basic and essential feature of reliable debugging. A breakpoint indicates where Visual Studio should suspend your running code so you can take a look at the values of variables, or the behavior of memory, or whether or not a branch of code is getting run.
151149
152-
![Set a breakpoint](../nodejs/media/tutorial-nodejs-set-breakpoint.png)
150+
![Set a breakpoint](../nodejs/media/tutorial-nodejs-set-breakpoint.png)
153151
154152
## Run the application
155153
156154
1. Select the debug target in the Debug toolbar.
157155
158-
![Select the debug target](../nodejs/media/tutorial-nodejs-deploy-target.png)
156+
![Select the debug target](../nodejs/media/tutorial-nodejs-deploy-target.png)
159157
160158
1. Press **F5** (**Debug** > **Start Debugging**) to run the application.
161159
@@ -173,15 +171,15 @@ First, you'll create an Node.js web application project.
173171
174172
1. Click the buttons to display different images.
175173
176-
![App running in browser](../nodejs/media/tutorial-nodejs-running-in-browser.png)
174+
![App running in browser](../nodejs/media/tutorial-nodejs-running-in-browser.png)
177175
178-
1. Close the web browser.
176+
1. Close the web browser.
179177
180178
## (Optional) Publish to Azure App Service
181179
182180
1. In Solution Explorer, right-click the project and choose **Publish**.
183181
184-
![Publish to Azure App Service](../nodejs/media/tutorial-nodejs-publish-to-azure.png)
182+
![Publish to Azure App Service](../nodejs/media/tutorial-nodejs-publish-to-azure.png)
185183
186184
1. Choose **Microsoft Azure App Service**.
187185
@@ -193,11 +191,11 @@ First, you'll create an Node.js web application project.
193191
194192
On successful deployment, your app opens in a browser running in Azure App Service. Click a button to display an image.
195193
196-
![App running in Azure App Service](../nodejs/media/tutorial-nodejs-running-in-azure.png)
194+
![App running in Azure App Service](../nodejs/media/tutorial-nodejs-running-in-azure.png)
197195
198196
Congratulations on completing this tutorial!
199197
200-
## Next steps
198+
## Next steps
201199
202200
In this tutorial, you learned how to create and run a Node.js app using Express and hit a breakpoint using the debugger.
203201

0 commit comments

Comments
 (0)