1. Introduction to open source projects
AS-Editor
Based on Vue3.x visual drag and drop editing, page generation tool. Improve front-end development efficiency and can be integrated into mobile projects to directly generate UI interfaces by defining JSON.
2. Open source agreement
Use the MIT open source license
3. Interface display
4. Function Overview
Based on Vue visual drag and drop editing, page generation tool. Improve front-end development efficiency and can be integrated into mobile projects to directly generate UI interfaces by defining JSON.
Powerful
Based on vue visual drag and drop editing, page generation tool. Improve front-end development efficiency and can be integrated into mobile projects to directly generate UI interfaces by defining JSON.
Simple configuration
Minimal configuration is required to get started.
Completely open source
Community driven, work together to improve your ideas.
Official ecology
project
describe
AS-Editor
Vue2 version
AS-Editor based on Vue2
AS-Editor
Vue3 version
AS-Editor based on Vue3
AS-Editor-H5
AS-Editor-H5 is a mobile Vue template that can generate Vue pages through defined JSON.
5. Technology Selection
Installation tutorial
- npm install (install node_modules module)
- npm run serve (run)
- npm run build (packaging)
- npm update (used to update packages to the latest version based on specification scope)
Custom components can be viewed
src/layout/home/index.vue //Edit page file src/components/sliderassembly/index.vue //Left side component file src/components/componentscom //Left side component directory src/components/rightslider //Right side Component directory src/utils/componentProperties.js // Component data
componentProperties (component data) field annotations
{ component: 'custommodule', // The name of the middle part of the mobile phone component text: 'Custom module', // Component text description type: '1-14', // data-tpye active: true, // Whether style is selected : 'custommodulestyle', // The name set by the component on the right setStyle: {} // Component dynamic data }