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: articles/azure-web-pubsub/tutorial-develop-with-visual-studio-code.md
+5-4Lines changed: 5 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: 'Visual Studio Code Extension for Azure Web PubSub'
3
-
description: Develop with Visual Studio Code Extension
3
+
description: Develop with Visual Studio Code extension
4
4
author: xingsy97
5
5
ms.author: siyuanxing
6
6
ms.service: azure-web-pubsub
@@ -53,7 +53,7 @@ In this tutorial, you create a chat application using Azure Web PubSub with the
53
53
## Create an Azure Web PubSub Service
54
54
55
55
The Azure Web PubSub extension for Visual Studio Code enables users to quickly create, manage, and utilize Azure Web PubSub Service and its developer tools such as [Azure Web PubSub Local Tunnel Tool](https://www.npmjs.com/package/@azure/web-pubsub-tunnel-tool).
56
-
In this scenario, you create a new Azure Web Pubsub Service resource and configure it to host your application. After installing the Web PubSub extension, you can access its features under the Azure control panel in Visual Studio Code.
56
+
In this scenario, you create a new Azure Web PubSub Service resource and configure it to host your application. After installing the Web PubSub extension, you can access its features under the Azure control panel in Visual Studio Code.
57
57
58
58
1. Press <kbd>F1</kbd> to open the command palette and run the **Azure Web PubSub: Create Web PubSub Service** command.
59
59
@@ -75,9 +75,10 @@ In this scenario, you create a new Azure Web Pubsub Service resource and configu
75
75
## Create a hub setting
76
76
1. Open **Azure** icon in the Activity Bar in the left side of Visual Studio Code.
77
77
78
+
> [!NOTE]
78
79
> If your activity bar is hidden, you won't be able to access the extension. Show the Activity Bar by clicking **View > Appearance > Show Activity Bar**
79
80
80
-
1. In the resource tree, find the Azure Web Pubsub resource `my-wps` you created and click it to expand
81
+
1. In the resource tree, find the Azure Web PubSub resource `my-wps` you created and click it to expand
81
82
82
83
1. Right click the item **Hub Settings** and then select **Create Hub Setting**
83
84
@@ -93,7 +94,7 @@ In this scenario, you create a new Azure Web Pubsub Service resource and configu
93
94
| Select System Events | Select **connected** |
94
95
| Input Server Port | Enter **8080** |
95
96
96
-
1. The extension will created a new terminal to run the Local Tunnel Tool and a notification reminds you to open Local Tunnel Portal shows up. Click the button "Yes" or open "http://localhost:4000" in web browser manually to view the portal.
97
+
1. The extension creates a new terminal to run the Local Tunnel Tool and a notification reminds you to open Local Tunnel Portal shows up. Click the button "Yes" or open "http://localhost:4000" in web browser manually to view the portal.
97
98
98
99
## Run the server application
99
100
1. Ensure working directory is `azure-webpubsub/samples/javascript/chatapp/nativeapi`
0 commit comments