WinForms Designer Extension for VS Code

winform-designer-darktheme-test.git A Visual Studio Code extension that provides a visual designer for Windows Forms applications targeting .NET 8. hobby project open source free(diy)

Features

• Visual form designer with drag-and-drop controls
• Two-way code synchronization between designer and code
• Property editor for form controls
• Support for common WinForms controls
• Dark theme fixed designer

it may have bugs for serious development by using it not recommended use by own your risk!!!

Installation

1. Download the extension files
2. Copy them to a folder named winforms-designer-extension
3. Open the folder in VS Code
4. Press F5 to run the extension in a new Extension Development Host window

Usage

create new project by commandline /terminal of vs code dotnet new winforms -n MyWinFormsApp -f net8.0 cd MyWinFormsApp

1. Right-click on a folder in the Explorer pane

2. Right-click on a .Designer.cs file and select "Open with WinForms Designer"

3. Use the toolbox to drag controls onto the form

4. Use the properties panel to customize control properties

5. Changes are automatically synchronized with the code file

Supported Controls

• Button
• TextBox
• Label
• ComboBox
• CheckBox
• DateTimePicker
• DataGridView
• MenuStrip
• RichTextBox

Keyboard Shortcuts

enter key to generate name ,event method after input

Requirements

• Visual Studio Code 1.60.0 or later
• .NET 8 SDK

Known Issues

• Complex form parsing may have limitations
• Some advanced WinForms controls are not yet supported -its just very basic test project it may have alot of improvements needed ,its open source you can take it and implement if you need. do it yourself.

How to Use Create a new folder for your extension

Add all the files with the provided content

Open the folder in VS Code

Run npm install to install dependencies

Press F5 to launch a new Extension Development Host window

In the new window, create a new folder and use the "Create New WinForm" command

This extension provides a complete WinForms designer experience within VS Code, with two-way synchronization between the visual designer and the code.