A VSCode WYSIWYG HTML Designer Addon.
it is also usable in VSCodeWeb
https://marketplace.visualstudio.com/items?itemName=node-projects.vscode-designer-addon
- based on https://github.com/node-projects/web-component-designer
- sample using the designer: https://node-projects.github.io/web-component-designer-demo/index.html
- html files
- https://github.com/node-projects/base-custom-webcomponent Components, with css in static style varibale and html in static template variable.
- https://polymer-library.polymer-project.org/ Components.
- https://vuejs.org/ Components with templates in 'template' tags.
- https://svelte.dev/ Components.
- Rightclick on a '.html', '.ts', '.vue' File and Select "Open With", here select "Designer".
- Clone this Repository
- Open the Cloned Repository in VS Code 1.47+
npm install
-
F5
to start debugging
- Run 'npm start package', this will start vsce and create a packge wich then you could install localy.