The invention discloses a front-end application visual development tool and a use method, and belongs to the technical field of internet front-end development. The front-end application visual development tool comprises ECoder software and a material/template library. The ECoder software is provided with a user login module, an initialization module, a project management editing module, a page editing module, a block editing module, a local service module and an automatic updating module. The using method comprises the following steps: a developer logs in, browses and selects a template initialization project, carries out custom editing on different pages according to project requirements, selects to download a cloud block or a local custom block to carry out ui and logic step editing, andthen carries out content filling; after the real-time visual operation is carried out, a corresponding project code can be generated and allowed to be edited again, and then the application can be issued to a code warehouse or an associated application address through a git panel push in a tool.