diff --git a/code-studio-toc.html b/code-studio-toc.html index 97fa47c..238d2ed 100644 --- a/code-studio-toc.html +++ b/code-studio-toc.html @@ -157,6 +157,9 @@
  • UI Builder
    • +
  • + Pre-Installed Extensions +
  • Configure the Syncfusion Code Studio
    • diff --git a/code-studio/extension-images/extensions.png b/code-studio/extension-images/extensions.png new file mode 100644 index 0000000..538eb5e Binary files /dev/null and b/code-studio/extension-images/extensions.png differ diff --git a/code-studio/pre-installed-extensions.md b/code-studio/pre-installed-extensions.md new file mode 100644 index 0000000..5059779 --- /dev/null +++ b/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 + +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. \ No newline at end of file diff --git a/code-studio/troubleshoot/debugging-steps/cross-platform-images/create-flutter.png b/code-studio/troubleshoot/debugging-steps/cross-platform-images/create-flutter.png new file mode 100644 index 0000000..2438ce1 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/cross-platform-images/create-flutter.png differ diff --git a/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-output-android.png b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-output-android.png new file mode 100644 index 0000000..2677e09 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-output-android.png differ diff --git a/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-output-web.png b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-output-web.png new file mode 100644 index 0000000..3c3138c Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-output-web.png differ diff --git a/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-output-windows.png b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-output-windows.png new file mode 100644 index 0000000..1112454 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-output-windows.png differ diff --git a/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-run-android.png b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-run-android.png new file mode 100644 index 0000000..03fc769 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-run-android.png differ diff --git a/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-run-web.png b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-run-web.png new file mode 100644 index 0000000..14d4180 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-run-web.png differ diff --git a/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-run-windows.png b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-run-windows.png new file mode 100644 index 0000000..c7cc809 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/cross-platform-images/flutter-run-windows.png differ diff --git a/code-studio/troubleshoot/debugging-steps/cross-platform-images/navigate-project.png b/code-studio/troubleshoot/debugging-steps/cross-platform-images/navigate-project.png new file mode 100644 index 0000000..7240d08 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/cross-platform-images/navigate-project.png differ diff --git a/code-studio/troubleshoot/debugging-steps/cross-platforms.md b/code-studio/troubleshoot/debugging-steps/cross-platforms.md new file mode 100644 index 0000000..664fdb5 --- /dev/null +++ b/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` + +create-flutter + +- Navigate to the project folder: `cd myflutterapp` + +navigate-project + +### Step 2: Running the Application +#### For Windows: + +- To deploy the Flutter application on Windows by running this command: `flutter run -d windows` + +flutter-run-windows + +flutter-output-windows + +#### For Android: + +- Check available emulators by running this command: `flutter emulators` + +flutter-run-andriod + +- To open the emulator, run this command: `flutter emulators --launch pixel_7_-_api_35` + +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` + +flutter-run-web + +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 +``` \ No newline at end of file diff --git a/code-studio/troubleshoot/debugging-steps/debugging-steps.md b/code-studio/troubleshoot/debugging-steps/debugging-steps.md new file mode 100644 index 0000000..f02a1ef --- /dev/null +++ b/code-studio/troubleshoot/debugging-steps/debugging-steps.md @@ -0,0 +1,32 @@ + + +# Debugging in Action + +## Debug Process Walkthrough + +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. diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/build-project.png b/code-studio/troubleshoot/debugging-steps/desktop-images/build-project.png new file mode 100644 index 0000000..de8a953 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/build-project.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/create-folder.png b/code-studio/troubleshoot/debugging-steps/desktop-images/create-folder.png new file mode 100644 index 0000000..a3d013e Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/create-folder.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/create-json.png b/code-studio/troubleshoot/debugging-steps/desktop-images/create-json.png new file mode 100644 index 0000000..c863d6f Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/create-json.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/create-project.png b/code-studio/troubleshoot/debugging-steps/desktop-images/create-project.png new file mode 100644 index 0000000..99301e0 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/create-project.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/create-solution.png b/code-studio/troubleshoot/debugging-steps/desktop-images/create-solution.png new file mode 100644 index 0000000..af013d7 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/create-solution.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/debug-app.gif b/code-studio/troubleshoot/debugging-steps/desktop-images/debug-app.gif new file mode 100644 index 0000000..b80d0c5 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/debug-app.gif differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/new-project.png b/code-studio/troubleshoot/debugging-steps/desktop-images/new-project.png new file mode 100644 index 0000000..577c19a Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/new-project.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/run-app.png b/code-studio/troubleshoot/debugging-steps/desktop-images/run-app.png new file mode 100644 index 0000000..c612f7b Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/run-app.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/select-debugger.png b/code-studio/troubleshoot/debugging-steps/desktop-images/select-debugger.png new file mode 100644 index 0000000..ed34f35 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/select-debugger.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/select-language.png b/code-studio/troubleshoot/debugging-steps/desktop-images/select-language.png new file mode 100644 index 0000000..cd01a15 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/select-language.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/winforms-setup.png b/code-studio/troubleshoot/debugging-steps/desktop-images/winforms-setup.png new file mode 100644 index 0000000..106dd61 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/winforms-setup.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/winforms-template.png b/code-studio/troubleshoot/debugging-steps/desktop-images/winforms-template.png new file mode 100644 index 0000000..1f4ad44 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/winforms-template.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/winui-setup.png b/code-studio/troubleshoot/debugging-steps/desktop-images/winui-setup.png new file mode 100644 index 0000000..0b2bc2b Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/winui-setup.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/winui-template.png b/code-studio/troubleshoot/debugging-steps/desktop-images/winui-template.png new file mode 100644 index 0000000..3df4393 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/winui-template.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/wpf-setup.png b/code-studio/troubleshoot/debugging-steps/desktop-images/wpf-setup.png new file mode 100644 index 0000000..6cf39c3 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/wpf-setup.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-images/wpf-template.png b/code-studio/troubleshoot/debugging-steps/desktop-images/wpf-template.png new file mode 100644 index 0000000..ec47580 Binary files /dev/null and b/code-studio/troubleshoot/debugging-steps/desktop-images/wpf-template.png differ diff --git a/code-studio/troubleshoot/debugging-steps/desktop-platforms.md b/code-studio/troubleshoot/debugging-steps/desktop-platforms.md new file mode 100644 index 0000000..cb404a1 --- /dev/null +++ b/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. + +createsolution + +### Add a Project to the Solution: + +Step 1: Include the new project in the solution. +newproject + +Step 2: + +**WinForms** - Create a WinForms project by selecting the WinForms template + +winformstemplate + +**WPF** - Create a WPF project by selecting the WPF template + +wpftemplate + +**WinUI** - Create a WinUI project by selecting the WPF template + +winuitemplate + +Step 3: Specify the Programming language (Skip this step for WinUI ) + +selectlanguage + +Step 4: Specify the Project Name + +createproject + +Step 5: Specify the Folder Name + +createfolder + + +New Project will be created in the solution + +**Winforms** + +winformssetup + +**WPF** + +wpfsetup + +**WinUI** + +winuisetup + + +### Set Up Tasks for Building: + +Create a launch.json file to configure the build process + +createjson + +Select .NET Core Debugger + +selectdebugger + +### Build the Project + +buildproject + +### Run the Application + +Go to "Run and Debug"and select ".NET Core Debugger (launch)" + +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. \ No newline at end of file