Vuegg

Overview:

vuegg is a tool designed to scaffold Vuejs projects by allowing users to drag and drop components directly into a visual editor. This tool helps in creating the pages and routes of an app or website, simplifies styling tasks, and supports a rapid prototyping workflow. The goal is to merge the design and prototyping processes into a single seamless experience, allowing users to easily generate Vuejs sources for their projects.

Features:

• Mockup/prototype by drag’n’drop components
• Support for mouse and keyboard combinations
• Responsive preview for phone, tablet, and web
• Basic set of HTML5 elements
• Material design components
• Vuejs sources generation and downloadable .zip file
• Connect with GitHub to save/load vuegg projects
• Local persistence to save work in progress

Installation:

To run vuegg locally, follow these steps:

1. Run npm install to install dependencies.
2. For development, navigate to localhost:8080 to serve vuegg-client with hot-reload.
3. For production, navigate to localhost:5000 to serve a production-ready vuegg.

Summary:

vuegg is a versatile tool that simplifies Vuejs project development by providing a user-friendly visual editor for creating prototypes and mockups. With features like drag and drop components, responsive previews, and GitHub integration, vuegg streamlines the design and prototyping processes. Additionally, it offers keyboard shortcuts for efficient editing and has a roadmap for future feature enhancements. By following a simple installation process, users can leverage vuegg to accelerate their Vuejs project development workflow.