WinUI Hello World refresh (#5932)

* Updated content

* Update start-here.md

* Updated images

* Update start-here.md

* Update start-here.md

* Update start-here.md

* Update start-here.md

* Update start-here.md

* Update start-here.md

* Update start-here.md

* Update hub/apps/get-started/start-here.md

Co-authored-by: Jim Walker <[email protected]>

* Update hub/apps/get-started/start-here.md

Co-authored-by: Jim Walker <[email protected]>

* Update hub/apps/get-started/start-here.md

* Fix link to notetaking app tutorial

---------

Co-authored-by: Jim Walker <[email protected]>

Author: niels9001

hub/apps/get-started/images/hello-world/click-me.png

@@ -8,12 +8,9 @@ ms.localizationpriority: medium
 ms.collection: windows11
 ---
 
-# Start developing Windows apps
+# Setup and tooling for WinUI
 
-Welcome to Windows app development. This guide takes you through the steps needed to begin creating apps by using the latest Windows development frameworks: the Windows App SDK and WinUI. It also points you to resources that help you learn more about Windows development. For a step-by-step guide to setting up your developer environment and building your first WinUI app with the latest tools, see [WinUI 101](/training/modules/winui-101/). If you're already comfortable developing apps for Windows but want to know more about the latest tools, see [Develop Windows desktop apps](/windows/apps/develop/).
-
-> [!TIP]
-> [Microsoft Copilot](https://copilot.microsoft.com) is a great resource if you have questions about getting started writing Windows apps.
+Welcome to Windows app development. This guide will take you through the steps needed to begin creating your first app with WinUI. It will also point you to resources that will help you learn more about Windows development. If you want a step-by-step guide to setting up your developer environment and building your first WinUI app with the latest tools, please see [WinUI 101](/training/modules/winui-101/).
 
 
 ## 1. Enable Developer Mode
@@ -25,54 +22,57 @@ Windows has a special mode for developers that adjusts security settings so you
 
 To enable Developer Mode:
 
-* Open Windows Settings and go to the **[System > For developers](ms-settings:developers)** page.
-* Toggle the Developer Mode switch to **On** and confirm your choice in the confirmation dialog.
+* Open Windows Settings and navigate to the **[System > Advanced](ms-settings:developers)** page.
+* Toggle the **Developer Mode** switch to **On** and confirm your choice in the confirmation dialog.
 
 For more information about Developer Mode, see [Enable your device for development](/windows/apps/get-started/enable-your-device-for-development).
 
 
-## 2. Install Visual Studio
+## 2. Install Visual Studio and required workloads
 
-Use [Visual Studio](/visualstudio/ide/), Microsoft's comprehensive integrated development environment (IDE), to create your WinUI app. It's the preferred development tool of many Windows developers and it helps you write, debug, and deploy your apps. The project templates in Visual Studio quickly get you started with projects for Windows and many other platforms.
+Use [Visual Studio](/visualstudio/ide/), Microsoft’s powerful IDE, to build, debug, and deploy your WinUI app. It offers ready-to-use project templates for Windows and other platforms to help you get started quickly.
 
-> [!TIP]
-> Before installing these tools, make sure your development computer meets the [system requirements for Windows app development](../windows-app-sdk/system-requirements.md).
+The free **Visual Studio Community Edition** includes everything you need to develop apps. Larger teams or enterprises may require **Professional** or **Enterprise** editions. Learn more in [What is Visual Studio?](/visualstudio/get-started/visual-studio-ide) and [system requirements for Windows app development](../windows-app-sdk/system-requirements.md).
+
+#### [WinGet](#tab/winget)
+
+Install the required tools and workloads by running one of the following commands in the console.  
+The command opens the Visual Studio Installer with any missing workloads preselected — just choose **Modify** to install them.  
+
+If you prefer, you can replace *Community* with *Professional* or *Enterprise* to install those editions instead.
+
+**For C# app development**
+```console
+winget install "Visual Studio Community 2022"  --override "--add Microsoft.VisualStudio.Workload.ManagedDesktop Microsoft.VisualStudio.ComponentGroup.WindowsAppSDK.Cs" -s msstore
+```
+
+**For C++ app development**
+```console
+winget install "Visual Studio Community 2022"  --override "--add Microsoft.VisualStudio.Workload.NativeDesktop  Microsoft.VisualStudio.ComponentGroup.WindowsAppSDK.Cpp"  -s msstore
+```
+
+#### [Manual installation](#tab/manual)
 
 Use the following link to download and install the latest Visual Studio. The installer walks you through the steps, but if you need detailed instructions, see [Install Visual Studio](/visualstudio/install/install-visual-studio).
 
 > [!div class="button"]
 > [Download Visual Studio](https://visualstudio.microsoft.com/downloads/)
 
-The free Visual Studio Community Edition includes everything you need to create your apps. If you're working with a development team or enterprise, you might need Visual Studio Professional or Visual Studio Enterprise. See [What is Visual Studio?](/visualstudio/get-started/visual-studio-ide) for more info.
-
-### 2.2 Required workloads and components
+#### Required workloads and components
 
 While installing Visual Studio, install the workloads and components required for developing with WinUI and the Windows App SDK. After installation, you can open the Visual Studio Installer app and select **Modify** to add workloads and components.
 
 On the **Workloads** tab of the Visual Studio Installer app, select the following workloads and components:
 
-#### [Visual Studio 2022 version 17.10 and later](#tab/vs-2022-17-10)
-
-* For **C#** app development using the Windows App SDK, select **WinUI application development**.
+* **For C# app development** using the Windows App SDK, select **WinUI application development**.
 
 :::image type="content" source="images/hello-world/vs-workload-winui.png" alt-text="A screenshot of the Visual Studio installer UI with the WinUI application development workload selected.":::
 
-* For **C++** app development using the Windows App SDK, select **WinUI application development**.
-  * Then in the **Installation details** pane, under the **WinUI application development** node, select **C++ WinUI app development tools**. (This selection also includes any additional required components.)
-
-:::image type="content" source="images/hello-world/vs-workload-winui-cpp.png" alt-text="A screenshot of the Visual Studio installer UI with the C++ WinUI app development tools selected.":::
+* **For C++ app development**, select the **C++ WinUI app development tools** under the **WinUI application development** node in the **Installation details** pane (This will also select any additional required components.)
 
 > [!NOTE]
 > _In Visual Studio 17.10 - 17.12, this workload is called **Windows application development**._
 
-#### [Visual Studio 2022 version 17.1 - 17.9](#tab/vs-2022-17-1)
-
-* For **C#** app development using the Windows App SDK, select **.NET Desktop Development**.
-  * Then in the **Installation details** pane of the installation dialog box, select **Windows App SDK C# Templates** (near the bottom of the list).
-* For **C++** app development using the Windows App SDK, select **Desktop development with C++**
-  * Then in the **Installation details** pane of the installation dialog box, select **Windows App SDK C++ Templates** (at the bottom of the list).
-  * On the **Individual components** tab of the installation dialog box, in the **SDKs, libraries, and frameworks** section, make sure the latest Windows SDK is selected. It looks like **Windows 11 SDK (10.0.22621.0)**. Type "Windows SDK" into the search box to make it easier to find.
-
 ---
 
 ## 3. Create and launch your first WinUI app
@@ -95,67 +95,17 @@ To create a new project by using the WinUI C# Blank App project template:
 
 1. Select the **Debug** "Start" button to build and run your project:<br/>
   :::image type="content" source="images/hello-world/start-click.png" alt-text="Build and run your project":::<br/>
-  Your project builds, deploys to your local machine, and runs in debug mode:<br/>
-  :::image type="content" source="images/hello-world/click-me.png" alt-text="Hello World project built and running":::
+  Your project will build, be deployed to your local machine, and run in debug mode:<br/>
+  :::image type="content" source="images/hello-world/click-me.png" border="false" alt-text="Hello World project built and running":::
 
 1. To stop debugging, close the app window, or select the debug "Stop" button in Visual Studio.
 
-## 4. Delete sample code
-
-The `MainWindow` class included with the project template contains sample code that you need to remove to make room for your content.
-
-1. Double-click `MainWindow.xaml` in **Solution Explorer** to open it. You should see XAML markup for a `StackPanel` control.
-1. Delete the XAML for the `StackPanel`. (You'll add your own content in its place as you create your app.)
-
-    ```xaml
-    <!-- ↓ Delete this. ↓ -->
-    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
-        <Button x:Name="myButton" Click="myButton_Click">Click Me</Button>
-    </StackPanel>
-    ```
-
-    If you try to run your app now, Visual Studio throws an error along the lines of `The name 'myButton' does not exist in the current context`. This error occurs because you deleted the `Button` control named `myButton`, but the `MainPage.xaml.cs` code-behind file still references it. Delete the reference in the code file, too.
-
-1. Double-click `MainWindow.xaml.cs` in **Solution Explorer** to open it.
-1. Delete the `myButton_Click` event handler.
-
-    ```csharp
-    public sealed partial class MainWindow : Window
-    {
-        public MainWindow()
-        {
-            this.InitializeComponent();
-        }
-
-        // ↓ Delete this. ↓
-        private void myButton_Click(object sender, RoutedEventArgs e)
-        {
-            myButton.Content = "Clicked";
-        }
-        // End delete.
-    }
-    ```
-
-1. Save the file by pressing <kbd>CTRL + SHIFT + S</kbd>, clicking the **Save All** icon in the tool bar, or by selecting the menu **File** > **Save All**.
-
-## 5. Update to the latest WinUI/Windows App SDK
-
-The Windows App SDK (and WinUI, which is part of it) is distributed as a [NuGet](/nuget/what-is-nuget) package. This distribution method means updates can be released out-of-sync with Windows and Visual Studio. As a result, the Visual Studio template you used to create your project might not reference the latest Windows App SDK NuGet package. To ensure you have the latest features and fixes, update your NuGet packages every time you create a new project in Visual Studio.
-
-To update the Windows App SDK NuGet package for your project:
-
-* In Visual Studio, with your project loaded, select **Tools** > **NuGet Package Manager** > **Manage NuGet Packages for Solution...**.
-* If an update is available, it appears on the **Updates** page. Check the box next to the listed update. (To include prerelease updates, check the **Include prerelease** option. To learn more about what's included in an update, see the [release notes](../windows-app-sdk/stable-channel.md).)
-* Select **Update**, then select **Apply** in the **Preview changes** dialog. Accept the license terms to finish installing the update.
-
-:::image type="content" source="images/hello-world/nuget-update.png" alt-text="A screenshot of the NuGet package manager in Visual Studio showing a Windows App SDK package update.":::
-
-Now your project uses the latest WinUI features, and it's ready for you to make it your own.
+Congratulations, you've just built your first WinUI app! Continue with the next steps below to explore more.
 
 ## Next steps
 
 > [!div class="nextstepaction"]
-> [Complete a tutorial to create a note app with WinUI](../tutorials/winui-notes/intro.md)
+> [Build your first notetaking app with WinUI](../tutorials/winui-notes/intro.md)
 
 * To get an idea of what WinUI offers, check out the WinUI Gallery app.
   [!INCLUDE [winui-3-gallery](../../includes/winui-3-gallery.md)]