2024年11月OverVue破解版-OverVue(Vue原型设计工具)下载
⑴OverVue官方版是面向Vue开发人员的打造的原型设计工具,这个程序能帮你生成Vue 组件添加HTML元素指定层次结构查看活动代码片段添加Vue路由 , 也可以帮你显像ponent Parent-Child组件树。它一个Electron应用程序,它允许新老Vue开发人员对他们的Vue应用程序进行原型设计和架构(可视化,实现组件层次结构的实时直观树形显示和实时生成的代码预览,并导出其样板代码以简化并提高开发效率,生成的样板可以作为模板导出,以便进一步开发。
⑵安装 Quasar 框架
⑶npm i -g quasar/cli
⑷下载源码到本地
⑸git clone myproject
⑹cd myproject
⑺npm install
⑻在开发模式下运行
⑼quasar dev -m electron
⑽打包成.dmg 或 .exe
⑾quasar build -m electron
⑿下载程序到本地后,运行。新建项目,程序会默认建立一个根App组件和路由上传一个模型图像。
⒀要添加新组件,在“组件名称”框中键入其名称,并选择应由该组件呈现的任何HTML元素。还可以在创建后添加HTML元素,方法是在显示中选择组件,然后选择HTML元素。
⒁添加新的路由,然后在侧边栏可以查看所有的组件和路由。
⒂- 可上传前端模型图像
⒃- 每个组件的实时生成的可预览代码段
⒄- 实时生成的树视图,以帮助可视化父子层次结构
⒅- 保存项目并打开以前的项目
⒆- 导出工作前端的完整样板代码
⒇- 重做/撤销功能
⒈- 包含可视化可拖动和可调整大小的组件
⒉- 创建组件的父子层次结构
⒊- 将html元素添加到组件
⒋- 创建Vue Router使用的路由
⒌- 可嵌套Html元素
⒍- 能够从选定的VUE组件导航到HTML元素
⒎- 每个路由分配一个图像
⒏- 可以把Vue组件设定为特定的图层
⒐- 加载项目的同时加载路由图像
⒑- 上传模型图像兼容windows
⒒根据UI设计的原形
⒓提交你挑选的网页制作逐渐原形。
⒔让你的组件取名字,添加需要的HTML原素。把他们盖在你的制定上。
⒕在创建组件以前或以后特定结构分析,交互树中的转变。
⒖查看主题活动代码段
⒗创建组件时自动生成代码段,点击表明中的组件,查看其编码和HTML原素。
⒘添加VUE路由器
⒙添加新路由并查看与该路由器关系的全部组件,进行后,将新项目导出来到系统文件。
⒚以上便是winwin下载小编给大家分享介绍的Vue原型设计工具——OverVue!