Skip to content

Commit 915c9cb

Browse files
committed
Reorganized & made more clear
1 parent ee7cb08 commit 915c9cb

File tree

2 files changed

+31
-32
lines changed

2 files changed

+31
-32
lines changed

articles/iot-hub/iot-hub-create-use-iot-toolkit.md

Lines changed: 31 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ ms.author: junhan
1313

1414
[!INCLUDE [iot-hub-resource-manager-selector](../../includes/iot-hub-resource-manager-selector.md)]
1515

16-
This article shows you how to use the [Azure IoT Tools for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=vsciot-vscode.azure-iot-tools) to create an Azure IoT hub.
16+
This article shows you how to use the [Azure IoT Tools for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=vsciot-vscode.azure-iot-tools) to create an Azure IoT hub. You can create one without an existing IoT project or create one from an existing IoT project.
1717

1818
[!INCLUDE [updated-for-az](../../includes/updated-for-az.md)]
1919

@@ -23,12 +23,39 @@ This article shows you how to use the [Azure IoT Tools for Visual Studio Code](h
2323

2424
- [Azure IoT Tools](https://marketplace.visualstudio.com/items?itemName=vsciot-vscode.azure-iot-tools) installed for Visual Studio Code.
2525

26+
## Create an IoT hub without an IoT Project
27+
28+
The following steps show how to create an IoT Hub without an IoT Project in Visual Studio Code (VS Code).
29+
30+
1. In VS Code, open the **Explorer** view.
31+
32+
2. At the bottom of the Explorer, expand the **Azure IoT Hub** section.
33+
34+
:::image type="content" source="./media/iot-hub-create-use-iot-toolkit/azure-iot-hub-devices.png" alt-text="A screenshot that shows the location of the Azure IoT Hub section in VS Code." lightbox="./media/iot-hub-create-use-iot-toolkit/azure-iot-hub-devices.png":::
35+
36+
3. Select **Create IoT Hub** from the list in the **Azure IoT Hub** section.
37+
38+
:::image type="content" source="./media/iot-hub-create-use-iot-toolkit/create-iot-hub.png" alt-text="A screenshot that shows the location of the Azure IoT Hub section in VS Code." lightbox="./media/iot-hub-create-use-iot-toolkit/create-iot-hub.png":::
2639

27-
## Create an IoT hub and device in an IoT Project
40+
5. A pop-up will show in the bottom-right corner to let you sign in to Azure for the first time, if you are not signed in already.
2841

29-
The following steps show how to create an IoT Hub and register a device to the hub within an existing IoT Project in Visual Studio (VS) Code.
42+
6. From the command palette at the top of VS Code, select your Azure subscription.
3043

31-
Instead of provisioning an Azure IoT Hub and device from the Azure portal, provision in VS Code without leaving the development environment.
44+
7. Select your resource group.
45+
46+
8. Select a location.
47+
48+
9. Select a pricing tier.
49+
50+
10. Enter a globally unique name for your IoT hub, then press **Enter**.
51+
52+
11. Wait a few minutes until the IoT Hub is created. You'll see a confirmation in the output console.
53+
54+
## Create an IoT hub and device in an existing IoT project
55+
56+
The following steps show how to create an IoT Hub and register a device to the hub within an existing IoT project in Visual Studio (VS) Code.
57+
58+
This method allows you to provision in VS Code without leaving your development environment.
3259

3360
1. In the new opened project window, click `F1` to open the command palette, type and select **Azure IoT Device Workbench: Provision Azure Services...**. Follow the step-by-step guide to finish provisioning your Azure IoT Hub and creating the IoT Hub device.
3461

@@ -67,34 +94,6 @@ Instead of provisioning an Azure IoT Hub and device from the Azure portal, provi
6794

6895
:::image type="content" source="media/iot-hub-create-use-iot-toolkit/provision-done.png" alt-text="A screenshot that shows IoT Hub details in the output window in VS Code." lightbox="media/iot-hub-create-use-iot-toolkit/provision-done.png":::
6996

70-
## Create an IoT hub without an IoT Project
71-
72-
The following steps show how you can create an IoT Hub without an IoT Project in Visual Studio Code.
73-
74-
1. In Visual Studio Code, open the **Explorer** view.
75-
76-
2. At the bottom of the Explorer, expand the **Azure IoT Hub** section.
77-
78-
![Expand Azure IoT Hub Devices](./media/iot-hub-create-use-iot-toolkit/azure-iot-hub-devices.png)
79-
80-
3. Click on the **...** in the **Azure IoT Hub** section header. If you don't see the ellipsis, hover over the header.
81-
82-
4. Choose **Create IoT Hub**.
83-
84-
5. A pop-up will show in the bottom-right corner to let you sign in to Azure for the first time.
85-
86-
6. Select Azure subscription.
87-
88-
7. Select resource group.
89-
90-
8. Select location.
91-
92-
9. Select pricing tier.
93-
94-
10. Enter a globally unique name for your IoT hub.
95-
96-
11. Wait a few minutes until the IoT Hub is created.
97-
9897
## Next steps
9998

10099
Now that you've deployed an IoT hub using the Azure IoT Tools for Visual Studio Code, explore these articles:
20.4 KB
Loading

0 commit comments

Comments
 (0)