211976: Comprehensive debugging and development setup guides for multiple programming languages to enhance Code Studio's developer experience.

[AshokkumarKaruppasamy]

📋 Summary

This PR adds comprehensive debugging and development setup guides for multiple programming languages to enhance Code Studio's developer experience.

🚀 Changes Made

New Language Debugging Guides Added:

• Ruby Development and Debugging Setup Guide (Languages/ruby-debug-steps.md)
• JavaScript Development and Debugging Setup Guide (Languages/javascript-debug-steps.md)
• TypeScript Development and Debugging Setup Guide (Languages/typescript-debug-steps.md)
• Swift Development and Debugging Setup Guide (Languages/swift-debug-steps.md)

Structural Changes:

• ✅ Created new Languages/ folder for better organization
• ✅ Updated code-studio-toc.html with new "Languages" section
• ✅ Added proper frontmatter metadata to all debugging guides
• ✅ Moved language-specific guides from troubleshoot/ to Languages/ folder

📖 Documentation Coverage

Each debugging guide includes:

Prerequisites Section:

• Language runtime installation (Node.js, Ruby, Swift)
• Version verification commands
• Global package installation instructions

Code Studio Extensions Setup:

• Required extensions for each language
• Installation steps and configuration
• Language-specific debugging tools

Development Workflow:

• Project setup and opening procedures
• Running applications (terminal and Code Studio methods)
• Debugging configuration with launch.json examples

Comprehensive Troubleshooting:

• Common installation issues and solutions
• Debug session configuration problems
• Breakpoint and source map troubleshooting
• Module/package resolution errors
• Language-specific debugging tips

🔧 Technical Details

File Structure:

code-studio/
├── Languages/                          # NEW FOLDER
│   ├── ruby-debug-steps.md            # Ruby debugging guide
│   ├── javascript-debug-steps.md      # JavaScript debugging guide
│   ├── typescript-debug-steps.md      # TypeScript debugging guide
│   └── swift-debug-steps.md           # Swift debugging guide
└── code-studio-toc.html               # UPDATED with Languages section

Frontmatter Metadata:

title: "Syncfusion Code Studio Languages"
description: "Professional guide for [Language] development and debugging setup in Code Studio"
classification: "User Guide - Troubleshoot"
platform: syncfusion-code-studio
keywords: [Language], debugging, development, troubleshoot, code-studio, syncfusion

🎯 Features & Benefits

For Developers:

• ✅ Step-by-step setup instructions for 4 major programming languages
• ✅ Comprehensive troubleshooting solutions for common issues
• ✅ Professional debugging configurations and best practices
• ✅ Platform-specific installation guidance (Windows PowerShell focused)

For Documentation:

• ✅ Consistent structure across all language guides
• ✅ Improved organization with dedicated Languages folder
• ✅ Proper metadata for content management systems
• ✅ Enhanced navigation through updated TOC

🧪 Testing Checklist

• All links in TOC navigate to correct files
• Frontmatter metadata validates correctly
• Code blocks render properly with syntax highlighting
• Images and screenshots display correctly (if applicable)
• PowerShell commands are Windows-compatible
• Extension links point to valid marketplace URLs

📝 Code Quality

Content Standards:

• ✅ Professional, clear language throughout
• ✅ Consistent formatting and structure
• ✅ Grammatically correct and well-edited
• ✅ Technical accuracy verified
• ✅ User-friendly troubleshooting steps

Technical Standards:

• ✅ Valid HTML structure in TOC
• ✅ Proper Markdown formatting
• ✅ Consistent file naming conventions
• ✅ Correct relative path references

🔗 Related Issues

• Addresses developer onboarding challenges
• Improves Code Studio language support documentation
• Enhances troubleshooting resources

📚 Documentation Impact

New Documentation:

• 4 comprehensive language debugging guides (~1000+ lines each)
• Enhanced table of contents structure
• Improved developer experience resources

Updated Documentation:

• code-studio-toc.html with new Languages section
• Reorganized file structure for better maintainability

✅ Pre-merge Checklist

• All files have been moved to correct locations
• TOC links updated and tested
• Frontmatter metadata is consistent across files
• No broken links or references
• Content reviewed for grammar and technical accuracy
• File structure follows project conventions