HTFlow Extension for VS Code

A powerful VS Code extension that provides a visual interface for HTFlow CLI commands, making it easy to manage HTFlow projects without terminal commands.

🚀 Features

• Visual CLI Interface: Run all HTFlow commands through buttons and menus
• Project Validation: Instant HTML, CSS, and JavaScript compliance checking
• Project Audit: Comprehensive analysis with detailed reports
• Project Management: Initialize, build, and manage HTFlow projects
• Real-time Dashboard: Monitor project health and status at a glance
• Smart Port Handling: Automatic port management for dev and production servers
• Running Servers Tracking: Visual display of active HTFlow servers

📦 Installation

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
3. Search for "Htflow Html to Webflow"
4. Click Install
5. Reload VS Code

🎯 Quick Start

1. Open any folder in VS Code
2. Click the HTFlow icon in the Activity Bar
3. Use the visual interface to run HTFlow commands
4. No terminal knowledge required!

⌨️ Keyboard Shortcuts

• Ctrl+Shift+H / Cmd+Shift+H: Open HTFlow panel

🛠️ Supported Commands

Package Management

• htflow install - Install HTFlow CLI globally
• htflow update - Update to latest version
• htflow uninstall - Remove HTFlow CLI
• htflow version - Display version info

Project Management

• htflow init - Initialize new HTFlow project

Development

• htflow dev - Start development server (with smart port handling)

Validation & Audit

• htflow validate - Validate code compliance
• htflow audit - Comprehensive project audit
• htflow audit html - HTML-specific audit

Build

• htflow build - Build production-ready code

MCP Integration

• htflow mcp-install - Install MCP integration
• htflow mcp-uninstall - Remove MCP integration

🌐 What is HTFlow?

HTFlow is a development framework that creates Webflow-compatible HTML, CSS, and JavaScript. This extension provides a visual interface to all HTFlow CLI commands, making it easy to:

• Initialize HTFlow projects
• Validate code compliance
• Run project audits
• Start development servers
• Build production-ready code

Perfect for developers who want to create Webflow-compatible websites without learning complex terminal commands.

📝 Requirements

• VS Code 1.99.0 or higher
• Node.js (for HTFlow CLI commands)

🔧 Development

📄 License

MIT License - see LICENSE file for details.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📞 Support

• Issues: GitHub Issues
• Homepage: https://htflow.com
• Repository: https://github.com/mithualamin/htflow-extension

Made with ❤️ for the HTFlow community