web-component-designer icon indicating copy to clipboard operation
web-component-designer copied to clipboard

create a vs-code addon using the designer

Open jogibear9988 opened this issue 3 years ago • 2 comments

User Story:

As a user, i wanted to use a designer with drag drop functionality inside of VSCode to design a HTML UI. I'd like to have also a split view, wich shows HTML and Code wich are in sync. Also I want to use the Property Editor Controls and I'd like to be able to show Palettes of elements.

As a addition we could work on loading the des possible web-components from the project in vs-code. But this is specific what project type is edited in vscode. At first we should implement one loader for example for "lit" projects.

Task:

we have included the designer in a vscode addon as a sample. But this needs much more work. We need to write back the edited HTML, select VSCode HTML when an Element is selected in Designer, need a Tree View of our Designer, the propertyGrids need to be included somehow, we need to include stylesheets from the open project in vscode, and be able to write them back,...

jogibear9988 avatar Feb 10 '22 19:02 jogibear9988

discussion: https://github.com/microsoft/vscode-discussions/discussions/302

jogibear9988 avatar Dec 11 '22 09:12 jogibear9988

initial demo: https://github.com/node-projects/vs-code-designer-addon

jogibear9988 avatar Dec 11 '22 09:12 jogibear9988