Skip to main content

Prerequisites

Before installing the HTFlow extension, ensure you have:
Download the latest version of Visual Studio Code from code.visualstudio.com
Required for HTFlow CLI commands. Download from nodejs.org

Installation Steps

1

Open VS Code

Launch Visual Studio Code on your computer
2

Open Extensions Panel

Press Ctrl+Shift+X (Windows/Linux) or Cmd+Shift+X (Mac) to open the Extensions view
You can also click the Extensions icon in the Activity Bar on the left side
3

Search for HTFlow

In the search bar, type “Htflow Html to Webflow”
4

Install the Extension

Click the Install button next to the HTFlow extension
Extension installed successfully
5

Reload VS Code

After installation, reload VS Code to activate the extension
VS Code may prompt you to reload automatically

Verify Installation

After installing the extension, verify it’s working correctly:
1

Check Activity Bar

Look for the HTFlow icon in the Activity Bar (left sidebar)
2

Open HTFlow Panel

Click the HTFlow icon or press Ctrl+Shift+H / Cmd+Shift+H
3

Verify Commands

You should see the HTFlow command interface with all available options

Install HTFlow CLI

Once the extension is installed, you need to install the HTFlow CLI:
# The extension provides a button to run this
htflow install
The extension will handle the installation process and show you the progress

Update HTFlow CLI

Keep your HTFlow CLI up to date:
htflow update

Troubleshooting

  • Ensure you’ve reloaded VS Code after installation
  • Check if the extension is enabled in the Extensions panel
  • Try uninstalling and reinstalling the extension
  • Verify Node.js is installed: node --version
  • Check your internet connection
  • Try running the installation with administrator/sudo privileges
  • Make sure HTFlow CLI is installed globally
  • Check the Output panel in VS Code for error messages
  • Verify Node.js PATH is configured correctly

Next Steps