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/ai/index.yml
+5-4Lines changed: 5 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ title: Visual Studio Tools for AI
4
4
metadata:
5
5
document_id: 83ceabb5-fb4f-a709-3fd2-37d024409f31
6
6
title: Visual Studio Tools for AI | Microsoft Docs
7
-
meta.description:
7
+
meta.description:
8
8
services: ai-tools-visual-studio
9
9
author: lisawong19
10
10
manager: routlaw
@@ -14,6 +14,7 @@ metadata:
14
14
ms.topic: landing-page
15
15
ms.date: 10-25-2017
16
16
ms.author: liwong
17
+
ms.technology: vs-ai-tools
17
18
abstract:
18
19
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.
19
20
sections:
@@ -23,10 +24,10 @@ sections:
23
24
text: 'Learn how to run deep learning solution with:'
Copy file name to clipboardExpand all lines: docs/nodejs/tutorial-nodejs-with-react-and-jsx.md
+20-22Lines changed: 20 additions & 22 deletions
Original file line number
Diff line number
Diff line change
@@ -5,21 +5,19 @@ ms.custom: "mvc"
5
5
ms.date: "02/19/2018"
6
6
ms.reviewer: ""
7
7
ms.suite: ""
8
-
ms.technology:
9
-
- "vs-ide-general"
10
-
ms.tgt_pltfrm: ""
8
+
ms.technology: vs-nodejs
11
9
ms.topic: "tutorial"
12
10
ms.devlang: javascript
13
11
author: "mikejo5000"
14
12
ms.author: "mikejo"
15
13
manager: ghogen
16
-
dev_langs:
14
+
dev_langs:
17
15
- JavaScript
18
-
ms.workload:
16
+
ms.workload:
19
17
- "nodejs"
20
18
---
21
19
# 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.
23
21
24
22
In this tutorial, you learn how to:
25
23
> [!div class="checklist"]
@@ -46,17 +44,17 @@ In this tutorial, you learn how to:
46
44
## Create a project
47
45
First, create a Node.js web application project.
48
46
49
-
1. Open Visual Studio 2017.
47
+
1. Open Visual Studio 2017.
50
48
51
-
1. From the top menu bar, choose **File** > **New** > **Project...**.
49
+
1. From the top menu bar, choose **File** > **New** > **Project...**.
52
50
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**.
54
52
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.
56
54
57
55
Visual Studio creates the new solution and opens your project.
58
56
59
-

57
+

60
58
61
59
- 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.
62
60
@@ -112,7 +110,7 @@ This app requires a number of npm modules to run correctly.
112
110
113
111
Here are the npm modules as they appear in Solution Explorer after they are installed.
> 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
166
164
167
165
```javascript
168
166
declare var require: any
169
-
167
+
170
168
var React = require('react');
171
169
var ReactDOM = require('react-dom');
172
170
@@ -262,7 +260,7 @@ In the previous steps, you added *webpack-config.js* to the project. Next, you a
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.
268
266
@@ -274,23 +272,23 @@ In the previous steps, you added *webpack-config.js* to the project. Next, you a
274
272
275
273
1. If prompted to reload externally modified files, click **Yes to All**.
Each time you make changes to *app.tsx*, you must rerun the webpack command.
280
278
281
279
## Run the app
282
280
283
281
1. Make sure that Chrome is selected as the current debug target.
284
282
285
-

283
+

286
284
287
285
1. To run the app, press **F5** (**Debug**>**Start Debugging**) or the green arrow button.
288
286
289
287
ANode.jsconsolewindow opens that shows the port on which the debugger is listening.
290
288
291
289
Visual Studio starts the app by launching the startup file, *server.js*.
292
290
293
-

291
+

294
292
295
293
1. Close the browser window.
296
294
@@ -300,9 +298,9 @@ Each time you make changes to *app.tsx*, you must rerun the webpack command.
300
298
301
299
1. In *server.js*, click in the gutter to the left of the `staticPath` declaration to set a breakpoint:
302
300
303
-

301
+

304
302
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.
306
304
307
305
1. To run the app, press **F5** (**Debug**>**Start Debugging**).
308
306
@@ -328,7 +326,7 @@ In the preceding section, you attached the debugger to server-side Node.js code.
328
326
329
327
1. Switch to Visual Studio and set a breakpoint in*app-bundle.js* code in the `render()`function as shown in the following illustration:
330
328
331
-

329
+

332
330
333
331
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.
334
332
@@ -340,7 +338,7 @@ In the preceding section, you attached the debugger to server-side Node.js code.
340
338
341
339
1. Select the Chrome process with the correct host port (1337 in this example), and click **Attach**.
342
340
343
-

341
+

344
342
345
343
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.
346
344
@@ -362,7 +360,7 @@ In the preceding section, you attached the debugger to server-side Node.js code.
362
360
> [!TIP]
363
361
> 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**.
364
362
365
-
## Next steps
363
+
## Next steps
366
364
367
365
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.
Copy file name to clipboardExpand all lines: docs/nodejs/tutorial-nodejs.md
+18-20Lines changed: 18 additions & 20 deletions
Original file line number
Diff line number
Diff line change
@@ -5,21 +5,19 @@ ms.custom: ""
5
5
ms.date: "03/13/2018"
6
6
ms.reviewer: ""
7
7
ms.suite: ""
8
-
ms.technology:
9
-
- "vs-ide-general"
10
-
ms.tgt_pltfrm: ""
8
+
ms.technology: vs-nodejs
11
9
ms.topic: "tutorial"
12
10
ms.devlang: javascript
13
11
author: "mikejo5000"
14
12
ms.author: "mikejo"
15
13
manager: ghogen
16
-
dev_langs:
14
+
dev_langs:
17
15
- JavaScript
18
-
ms.workload:
16
+
ms.workload:
19
17
- "nodejs"
20
18
---
21
19
# 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).
23
21
24
22
In this tutorial, you learn how to:
25
23
> [!div class="checklist"]
@@ -46,13 +44,13 @@ In this tutorial, you learn how to:
46
44
## Create a project
47
45
First, you'll create an Node.js web application project.
48
46
49
-
1. Open Visual Studio 2017.
47
+
1. Open Visual Studio 2017.
50
48
51
-
1. From the top menu bar, choose **File** > **New** > **Project...**.
49
+
1. From the top menu bar, choose **File** > **New** > **Project...**.
52
50
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**.
54
52
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.
56
54
57
55
Visual Studio creates the new solution and opens your project. The *app.js* project file opens in the editor (left pane).
58
56
@@ -125,11 +123,11 @@ First, you'll create an Node.js web application project.
125
123
126
124
1. After the `data` string, type `: get` and IntelliSense will show you the `getData`function. Select `getData`.
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.
151
149
152
-

150
+

153
151
154
152
## Run the application
155
153
156
154
1. Select the debug target in the Debug toolbar.
157
155
158
-

156
+

159
157
160
158
1. Press **F5** (**Debug** > **Start Debugging**) to run the application.
161
159
@@ -173,15 +171,15 @@ First, you'll create an Node.js web application project.
173
171
174
172
1. Click the buttons to display different images.
175
173
176
-

174
+

177
175
178
-
1. Close the web browser.
176
+
1. Close the web browser.
179
177
180
178
## (Optional) Publish to Azure App Service
181
179
182
180
1. In Solution Explorer, right-click the project and choose **Publish**.
183
181
184
-

182
+

185
183
186
184
1. Choose **Microsoft Azure App Service**.
187
185
@@ -193,11 +191,11 @@ First, you'll create an Node.js web application project.
193
191
194
192
On successful deployment, your app opens in a browser running in Azure App Service. Click a button to display an image.
195
193
196
-

194
+

197
195
198
196
Congratulations on completing this tutorial!
199
197
200
-
## Next steps
198
+
## Next steps
201
199
202
200
In this tutorial, you learned how to create and run a Node.js app using Express and hit a breakpoint using the debugger.
0 commit comments