The invention discloses a visualized cross-platform mobile application development and generation 
system. The 
system comprises a figure source 
library module, an editing module, a project 
directory management module, a plug-in 
processing module and a one-
key generation module, wherein the figure source 
library module is used for storing a figure source 
library, the figure source library comprises a view library, a 
list library, an 
HTML element library and a control library; the editing module is used for presenting an editing window in a browser, calling the figure source library when receiving editing information from a user and sending a project file edited by the user to the project 
directory management module; the editing window is visualized, is of a draggable type and comprises a code editing window body, an attribute editing window body and an outline editing window body; the project 
directory management module is used for saving the project file edited by the user at a 
server side; the plug-in 
processing module is used for managing and maintaining a mobile application plug-in library at the 
server side; the one-
key generation module is used for responding to an installation 
package generation request of the user in the background and generating a cross-platform mobile application installation 
package for the user to download for use. By means of the visualized cross-platform mobile application development and generation 
system, a complete set of processes 
ranging from visualized cross-platform mobile application design to visualized cross-platform mobile application generation can be achieved.