hawx1993hawx1993
37

Hbuild

screenshot of Hbuild

repaid build web/vue/react project starter kit with cli

GithubDemo

Overview

Hbuild is a powerful command-line tool designed to simplify the process of project setup for web applications. With a focus on flexibility and efficiency, it allows developers to create H5, Vue, or React projects quickly and effortlessly. The robust features offered by Hbuild, including hot reloading and multi-page application support, make it an invaluable resource for modern web development.

Whether you're working on a small project or a large application, Hbuild's capability to handle various environments and templates ensures that your needs are met. The combination of tools built into the package allows for a seamless development experience, letting you focus on what matters most: writing great code.

Features

  • Multiple Framework Support: Choose from H5, Vue, or React projects with ease, with tailored support for popular frameworks like Vue Router and React Router.

  • Hot Reloading: Experience instant updates with hot reloading for single-file components, improving your workflow by reducing wait times during development.

  • Code Compilation: The default Babel translation ensures that your JavaScript is modern and compatible, while also allowing you to utilize preprocessors such as LESS, SASS, or Stylus.

  • Template Engine Flexibility: Create dynamic web pages with the choice of EJS, Mustache, or Art-template template engines, giving you power in rendering views efficiently.

  • Built-in Mock Server: Simplify testing with a mock server that integrates seamlessly to simulate API responses during development, ensuring that your front-end can be tested independently.

  • Linting Support: Automatic code quality checking using ESLint helps maintain clean and reliable code as you work, supporting both Vue and React file structures.

  • Multi-Page Application Support: Easily structure and manage larger applications with support for multiple entry files, enhancing organization and scalability.

  • Offline Mode: Develop with confidence knowing that you can continue working even without an internet connection, thanks to the offline mode functionality.