Vue Form Making

Overview:

Vue FormMaking is a project developed based on Vue and Element-UI, utilizing the latest front-end technology stack. It provides a visual form design tool and generator, with built-in i18n internationalization support, all aimed at simplifying and enhancing the development process. There are both a base version and an advanced version available, with the latter offering more components, functionality, and support for Vue3.

Features:

• Visual configuration page: Easily design form pages through visual operations.
• Grid layout with flex alignment: Provide grid layout options aligned with flex.
• One-click preview and code generation: Instantly preview configuration effects and generate code for execution.
• Custom components and advanced components: Offer custom components for specific requirements and powerful advanced components.
• Support for form validation and internationalization: Validate forms efficiently and include internationalization support.
• Remote data interface and asynchronous data fetching: Provide a data interface for asynchronous data retrieval.
• Multi-terminal adaptation and Ant Design-style components: Support multi-terminal display adaptation and include Ant Design-style components.

Installation:

To install Vue FormMaking, you can follow these steps:

1. Install Vue FormMaking via npm:

   npm install vue-form-making
   

2. Import Vue FormMaking into your project:

   import VueFormMaking from 'vue-form-making';
   import 'vue-form-making/dist/vue-form-making.css';
   
   Vue.use(VueFormMaking);
   

3. Start using Vue FormMaking components in your Vue files:

   <template>
     <vue-form-making></vue-form-making>
   </template>
   

Summary:

Vue FormMaking is a versatile tool for simplifying form development in Vue projects. With features like visual design, code generation, custom components, and internationalization support, it offers a comprehensive solution for creating dynamic forms efficiently. The availability of both base and advanced versions caters to varying development needs, making it a valuable addition to any Vue project.