Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>DesignFlow MarkupSculpterNew to Visual Studio Code? Get it now.
DesignFlow MarkupSculpter

DesignFlow MarkupSculpter

Preview

DesignFlow

|
32 installs
| (0) | Free
A HTML Layout generator for VS Code using the LightWeb Language Framework
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

LightWeb to HTML Converter

This Visual Studio Code extension allows you to convert LightWeb code into HTML. It provides a convenient way to generate HTML code from your LightWeb layout, making it easier to build web pages.

Dependencies

Before installing this extension, you must have the DesignFlow LightWeb extension installed. This extension provides comprehensive support for the LightWeb language within the MarkupSculpter framework.

You also need to add the "generate_html.py" file to your MarkupSculpter installation. This file is included in the "LightWeb to HTML Converter" folder in this repository. To add the file, simply copy it to the "MarkupSculpter" folder in your Visual Studio Code extensions directory. The default location for this folder is "C:\Users<username>.vscode\extensions\designflow.markupsculpter-\MarkupSculpter".

Features

  • Code conversion: The extension converts LightWeb code into HTML, allowing you to quickly generate HTML code from your LightWeb layout.
  • Fast and easy: The extension is fast and easy to use. Simply open a LightWeb file and run the "MarkupSculpter: Generate HTML" command to generate HTML code.

Installation

  1. Launch Visual Studio Code.
  2. Go to the Extensions view by clicking on the square icon on the sidebar or pressing Ctrl+Shift+X.
  3. Search for DesignFlow LightWeb and click on the "Install" button for the official extension.
  4. Once installed, the extension will be ready to use.

Usage

  1. Open a file with a .lw or .lightweb extension or change the language mode to "LightWeb" manually.
  2. Start coding in LightWeb.
  3. Press Ctrl+Shift+P to open the command palette.
  4. Type ">Generate HTML" and select the "MarkupSculpter: Generate HTML" command.
  5. The HTML code will be generated and copied to the clipboard.

Happy coding with LightWeb and MarkupSculpter! If you have any questions or need further assistance, please don't hesitate to reach out.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft