Include Application Debugging Steps in Code Studio User Guide Documentation

code-studio-toc.html

@@ -157,6 +157,9 @@
         </ul>
     </li>
     <li> <a href="/code-studio/ui-builder">UI Builder</a> </li>
+    <li>
+        <a href="/code-studio/pre-installed-extensions.md">Pre-Installed Extensions</a>
+    </li>
     <li>
         <a href="/code-studio/reference/configure-the-code-studio">Configure the Syncfusion Code Studio</a>
         <ul>
@@ -203,6 +206,19 @@
              <li>
                 <a href="/code-studio/troubleshoot/resolve-failed-to-parse-assistant">How to Resolve Failed to Parse Assistant error</a>
             </li>
+            <li> Application Debugging Steps
+                <ul>
+                    <li>
+                        <a href="/code-studio/troubleshoot/debugging-steps/desktop-platforms.md">How to Debug Desktop Platform Applications?</a>
+                    </li>
+                    <li>
+                        <a href="/code-studio/troubleshoot/debugging-steps/cross-platforms.md">How to Debug Cross Platform Applications?</a>
+                    </li>
+                    <li>
+                        <a href="/code-studio/troubleshoot/debugging-steps/debugging-steps.md">Debugging Workflow</a>
+                    </li>
+                </ul>
+            </li>
         </ul>
 
     </li>

code-studio/pre-installed-extensions.md

@@ -0,0 +1,58 @@
+---
+title: Pre-Installed Extensions of Syncfusion Code Studio
+description: Comprehensive overview of the pre-installed extensions that provide enhanced development, debugging, and productivity capabilities in Syncfusion Code Studio.
+platform: syncfusion-code-studio
+control: IDE
+documentation: Troubleshoot
+keywords: extensions, dotrush, solution-explorer, debugging, intellisense, code-studio, productivity, development-tools
+---
+
+# Pre-Installed Extensions of Syncfusion Code Studio
+
+Syncfusion Code Studio includes a comprehensive suite of pre-installed extensions designed to provide professional-grade development and debugging capabilities. These extensions are carefully integrated to deliver an enhanced development experience across multiple platforms and technologies without requiring additional configuration.
+
+## DotRush Extension
+
+**DotRush** is a comprehensive, lightweight C# development environment that transforms Code Studio into a powerful .NET development platform. This extension serves as the foundation for efficient .NET project management and development workflows.
+
+### Core Capabilities:
+
+- **Advanced Roslyn-based IntelliSense** - Provides intelligent code completion, syntax highlighting, and real-time error detection
+- **Integrated Solution Explorer** - Manages complex multi-project solutions with Visual Studio-compatible functionality
+- **Multi-platform debugging support** - Unified debugging experience for .NET Core, ASP.NET Core, Blazor WebAssembly, Unity, and Godot projects
+- **Comprehensive test integration** - Built-in support for NUnit, xUnit, and MSTest frameworks with test discovery and execution
+- **Advanced performance profiling** - Real-time performance analysis and optimization tools
+- **Code decompilation and analysis** - Reverse engineering capabilities for .NET assemblies
+- **Multi-target diagnostics** - Cross-platform build and deployment diagnostics
+- **WebAssembly debugging integration** - Specialized debugging for Blazor WebAssembly applications
+
+**Learn More:** [JaneySprings/DotRush: Lightweight C# development environment for VSCode](https://github.com/JaneySprings/DotRush)
+
+## vscode-solution-explorer Extension
+
+**vscode-solution-explorer** brings the familiar Visual Studio Solution Explorer experience to Code Studio, providing professional project management capabilities for complex .NET solutions. This extension ensures seamless workflow continuity for development teams.
+
+### Professional Features:
+
+- **Comprehensive solution file support** - Full compatibility with .sln and .slnx formats
+- **Visual Studio-compatible interface** - Familiar hierarchical project structure and navigation
+- **Enterprise-grade project optimization** - Enhanced performance for large .NET Core and .NET Framework solutions
+- **Advanced project organization** - Drag-and-drop functionality with automatic dependency resolution
+- **Scalable multi-project management** - Efficiently handles enterprise-level solutions with dozens of projects
+- **Intelligent dependency visualization** - Clear project reference mapping and dependency analysis
+
+### Developer Experience Benefits:
+
+This extension significantly reduces the learning curve for developers migrating from Visual Studio while providing enhanced productivity features specifically optimized for Code Studio's lightweight architecture.
+
+**Learn More:** [fernandoescolar/vscode-solution-explorer: Visual Studio Solution explorer panel for VS Code](https://github.com/fernandoescolar/vscode-solution-explorer)
+
+## Visual Reference
+
+<img src="./extension-images/extensions.png" alt="Pre-Installed extensions in Syncfusion Code Studio" />
+
+*Pre-Installed extensions showcase in Syncfusion Code Studio for enhanced development experience*
+
+---
+
+**Important:** These extensions are pre-installed and automatically activated in Code Studio. No additional installation, licensing, or configuration is required to access these professional development tools.

code-studio/troubleshoot/debugging-steps/cross-platforms.md

@@ -0,0 +1,113 @@
+---
+title: Run and Debug Flutter Application in Syncfusion Code Studio
+description: Step-by-step guide to run and debug application in Flutter Platforms using Syncfusion Code Studio's debugging features and tools.
+platform: syncfusion-code-studio
+control: IDE
+documentation: Troubleshoot
+keywords: flutter, desktop, android, ios, mac, web, debug, debugging, breakpoints, step-through, variables, watch, call-stack, output, troubleshoot, code-studio
+---
+
+# This guide provides step-by-step instructions for debugging a Flutter application using Code Studio
+
+## Prerequisites
+
+**Install Flutter SDK:**
+
+- Windows:
+
+    - Download the Flutter SDK from https://docs.flutter.dev/install/manual
+
+    - Select Windows and Download the zip file.
+
+    - Extract the zip file to a location like `C:flutter\src\`
+
+    - Add Flutter to your PATH:
+
+    - Search for "Environment Variables" in Windows search
+
+    - Click "Environment Variables"
+
+    - Under "User variables", find PATH and click "Edit"
+
+    - Click "New" and add the full path to `flutter\bin`
+
+    - Click "OK" to save
+
+- macOS:
+
+    - Follow the instruction from https://docs.flutter.dev/get-started/install/macos 
+
+- Linux:
+    - Follow the instruction from https://docs.flutter.dev/get-started/install/linux 
+
+
+
+## Steps to Run and Debug a Flutter Application in Code Studio
+
+### Step 1: Create a Flutter Project
+- Create a New Flutter Project:
+Open a terminal (e.g., Command Prompt, PowerShell, or Code Studio’s integrated terminal). 
+`flutter create myflutterapp`
+
+<img src="cross-platform-images/create-flutter.png" alt="create-flutter">
+
+- Navigate to the project folder: `cd myflutterapp`
+
+<img src="cross-platform-images/navigate-project.png" alt="navigate-project">
+
+### Step 2: Running the Application
+#### For Windows:
+
+- To deploy the Flutter application on Windows by running this command: `flutter run -d windows`
+
+<img src="cross-platform-images/flutter-run-windows.png" alt="flutter-run-windows">
+
+<img src="cross-platform-images/flutter-output-windows.png" alt="flutter-output-windows">
+
+#### For Android:
+
+- Check available emulators by running this command: `flutter emulators`
+
+<img src="cross-platform-images/flutter-run-android.png" alt="flutter-run-andriod">
+
+- To open the emulator, run this command: `flutter emulators --launch pixel_7_-_api_35`
+
+<img src="cross-platform-images/flutter-output-android.png" alt="flutter-output-android">
+
+- To deploy the Flutter application on Android by running this command: `flutter run`
+
+#### For Web:
+
+- To deploy the Flutter application on the Web by running this command: `flutter run`
+
+<img src="cross-platform-images/flutter-run-web.png" alt="flutter-run-web">
+
+<img src="cross-platform-images/flutter-output-web.png" alt="flutter-output-web">
+
+#### For macOS:
+
+- To deploy the Flutter application on macOS, refer this link for more details: [macOS | Flutter](https://docs.flutter.dev/deployment/macos)
+
+#### For iOS:
+
+- Open the simulator on macOS.
+
+- To deploy the Flutter application on iOS by running this command: [iOS | Flutter](https://docs.flutter.dev/deployment/ios)
+
+Run the commands in the Code Studio terminal.
+
+## Quick Commands Reference 
+```bash
+# Essential Commands
+flutter doctor              # Check your setup
+flutter devices             # See available devices
+flutter create my_app       # Create new project
+flutter run                 # Run your app
+flutter build apk --release # Build Android APK
+flutter build web --release # Build for web
+
+
+# Troubleshooting
+flutter clean               # Clean build files
+flutter pub get             # Get dependencies
+```

code-studio/troubleshoot/debugging-steps/debugging-steps.md

@@ -0,0 +1,32 @@
+
+
+# Debugging in Action
+
+## Debug Process Walkthrough
+
+<img src="desktop-images/debug-app.gif" alt="Debug Process Demonstration">
+
+The above animation demonstrates the complete debugging workflow from setting breakpoints to hitting them during execution.
+
+The application will launch, and the debugger will attach. If a breakpoint is hit, execution pauses, and you can inspect variables in the Debug panel (Variables, Call Stack, or Watch windows).
+
+# Debugging Features Reference
+
+| Feature          | Shortcut        | Description                                                 |
+|------------------|----------------|-------------------------------------------------------------|
+| **Step Into**    | `F11`           | Step into a method call to debug inside the method           |
+| **Step Over**    | `F10`           | Execute the current line without stepping into method calls  |
+| **Step Out**     | `Shift+F11`     | Exit the current method and return to the caller             |
+| **Continue**     | `F5`            | Resume execution until the next breakpoint                   |
+| **Restart**      | `Ctrl+Shift+F5` | Restart the debugging session                                |
+| **Stop**         | `Shift+F5`      | Stop the debugging session                                   |
+
+## Platform Consistency
+
+**Important:** These debugging features, keyboard shortcuts, and debugging interface work identically across:
+
+- WinForms applications
+- WPF applications
+- WinUI applications
+
+The underlying .NET debugging experience in Syncfusion Code Studio remains consistent regardless of the desktop UI framework you're using.

code-studio/troubleshoot/debugging-steps/desktop-platforms.md

@@ -0,0 +1,105 @@
+---
+title: Setup and Debug Desktop Applications in Syncfusion Code Studio
+description: Step-by-step guide to setup and debug Desktop applications using Syncfusion Code Studio's debugging features and tools.
+platform: syncfusion-code-studio
+control: IDE
+documentation: Troubleshoot
+keywords: winforms, wpf, winui, wf, desktop-applications, debug, debugging, breakpoints
+---
+
+# This Guide provides Step-By-Step Instructions for Setting-Up and Debugging a Desktop Application using Code Studio
+
+## Prerequisites
+
+- Install the .NET SDK (version 8.0 or 9.0, depending on your project requirements) from [dotnet-sdk](https://dotnet.microsoft.com/en-us/download)
+- Install the Windows App SDK (version 1.8.x) from [windows-app-sdk](https://learn.microsoft.com/en-us/windows/apps/windows-app-sdk/downloads) (Required only for WinUI applications)
+
+## Pre-Installed Extensions of Code Studio
+
+Refer this page to know more about [Pre-Installed Extensions of Code Studio](../../pre-installed-extensions)
+
+
+## Steps to Setup a Desktop Application in Code Studio
+
+### Step 1: Create a Solution
+Navigate to the solution and create a new solution.
+
+<img src="desktop-images/create-solution.png" alt="createsolution">
+
+### Add a Project to the Solution:
+
+Step 1: Include the new project in the solution.
+<img src="desktop-images/new-project.png" alt="newproject">
+
+Step 2:
+
+**WinForms** - Create a WinForms project by selecting the WinForms template
+
+<img src="desktop-images/winforms-template.png" alt="winformstemplate">
+
+**WPF** - Create a WPF project by selecting the WPF template
+
+<img src="desktop-images/wpf-template.png" alt="wpftemplate">
+
+**WinUI** - Create a WinUI project by selecting the WPF template
+
+<img src="desktop-images/winui-template.png" alt="winuitemplate">
+
+Step 3: Specify the Programming language (Skip this step for WinUI  )
+
+<img src="desktop-images/select-language.png" alt="selectlanguage">
+
+Step 4: Specify the Project Name
+
+<img src="desktop-images/create-project.png" alt="createproject">
+
+Step 5: Specify the Folder Name
+
+<img src="desktop-images/create-folder.png" alt="createfolder">
+
+
+New Project will be created in the solution
+
+**Winforms**
+
+<img src="desktop-images/winforms-setup.png" alt="winformssetup"> 
+
+**WPF**
+
+<img src="desktop-images/wpf-setup.png" alt="wpfsetup">
+
+**WinUI**
+
+<img src="desktop-images/winui-setup.png" alt="winuisetup">
+
+
+### Set Up Tasks for Building:
+
+Create a launch.json file to configure the build process
+
+<img src="desktop-images/create-json.png" alt="createjson">
+
+Select .NET Core Debugger
+
+<img src="desktop-images/select-debugger.png" alt="selectdebugger">
+
+### Build the Project
+
+<img src="desktop-images/build-project.png" alt="buildproject">
+
+### Run the Application
+
+Go to "Run and Debug"and select ".NET Core Debugger (launch)"
+
+<img src="desktop-images/run-app.png" alt="runapp">
+
+
+## Debugging in Action & Features
+
+The Debugging in Action walkthrough and the complete debugging feature reference have been moved to the [Debugging Steps Reference](debugging-steps). Please refer to that page for:
+
+- Platform-independent debugging workflows
+- Debugging keyboard shortcuts
+- Feature tables and descriptions for all supported desktop UI frameworks
+
+This ensures that you always have a single, up-to-date reference for all debugging actions in WinForms, WPF, and WinUI projects.