[发明专利]一种基于Vue.js的可视化开发工具及使用方法

说明书

本发明提供一种基于Vue.js的可视化开发工具及使用方法，工具包括以下步骤：S101，创建和管理Vue项目；S102，操作工程结构；S103，组件化开发；S104，完成静态页面的开发。该使用方法为Vue单页面的双模式开发方式，所述的双模式开发方式分别是可视化开发和代码开发方式。本发明主要适用于基于Vue框架的应用开发使用，为前端应用提供可视化便捷开发方式。与传统的前端开发模式和现有的Web前端开发工具相比较：该工具将vue项目云化管理，开发者可以在云端快速搭建、自动化部署和管理vue项目。该工具集成了第三方成熟的组件和架构，进一步提高了该工具的功能和性能。开发者使用该工具可以从零开始，创建一个完整的可二次开发的Vue应用或者导入一个Vue项目继续二次开发。

技术领域

本发明属于Web前端可视化开发技术领域，涉及可视化开发工具，具体涉及一种基于Vue.js的可视化开发工具及使用方法。

背景技术

随着新一代信息技术的发展，软件产业作为国家的基础性、战略性、先导性产业，对经济社会发展具有重要的支撑和引领作用。其中Web应用在软件开发和应用探索中占据主导地位，越来越多的行业将其应用到信息化、智能化和数字化的过程中。在目前主流的Web前后端分离的开发模式下，前端应用呈现出越来越复杂，越来越庞大的特点。从开发角度分析，前端应用中存在很多重复性的通用功能，同时也包含各领域的个性化业务功能。对开发者来说，重复性的通用功能占据大量的开发时间，大量的重复性劳动不仅影响了开发者的工作效率，也制约着开发者技术的成长。所以，通过一定的技术手段改善传统的纯代码研发手段，减少冗杂的、重复性的编码工作，提高代码复用率和开发效率，使开发者更聚焦于特定领域的功能开发，在Web前端开发中具有极其重要的意义。

与传统的编程方式相比，可视化编程以“所见即所得”的编程思想为原则，让开发者利用软件本身所提供的各种控件，像搭积木式地构造应用程序的各个界面。在很大程度上，避免了大量重复性的劳动，同时提高了代码复用率。以可视化编程思想为核心的应用开发工具，改变了传统的纯代码开发模式，实现可视化、便捷式搭建Web应用。目前，较为热门的Web前端可视化开发工具主要分为两类。第一类，零代码工具，其面向非专业开发者，仅支持使用工具现有的功能搭建应用，对于特定的应用场景，不支持个性化需求开发。第二类，低代码工具，通过无代码式的拖放形式结合少量编码搭建应用。但目前热门的前端低代码工具都是基于原生编程语言，生成的源代码不支持主流的前端技术框架，不符合组件化编程思想，存在大量的冗余代码，代码复用率极低。

在Web应用开发过程中，Vue.js作为一款友好的、多用途且高性能的JavaScript框架，与React、Angular被统称为前端三大主流框架。使用Vue可以创建可维护性和可测试性更强的代码库，Vue不仅易于上手，还便于与第三方库或既有项目整合，所以目前被大家广泛使用。

通过以上分析，如何解决前端传统开发方式和现有的可视化编程工具在开发过程中存在的问题，为前端开发者提供一种快速、安全和兼容性高的开发工具是目前需要解决的关键问题。

发明内容

针对现有技术存在的不足，本发明的目的在于，提供一种基于Vue.js的可视化开发工具及使用方法，以解决现有技术中的前端开发工具的性能有待进一步提升的技术问题。

为了解决上述技术问题，本发明采用如下技术方案予以实现：

一种基于Vue.js的可视化开发工具，该可视化开发工具包括以下步骤：

S101，创建和管理Vue项目：

开发者登陆Vue.js工具平台后，实现在云端新建或导入Vue工程，完成生成或导入Vue工程后，该Vue工程能够自动部署在云端，形成对任意用户可见的Vue项目；

S102，操作工程结构：