OverVue V2.0 官方版
OverVue官方版是面向Vue开发人员的打造的原型设计工具,这个程序能帮你生成Vue 组件、添加HTML元素、指定层次结构、查看活动代码片段、添加Vue路由 , 也可以帮你显像Component Parent-Child组件树。它一个Electron应用程序,它允许新老Vue开发人员对他们的Vue应用程序进行原型设计和架构(可视化),实现组件层次结构的实时直观树形显示和实时生成的代码预览,并导出其样板代码以简化并提高开发效率,生成的样板可以作为模板导出,以便进一步开发。
主要功能
1、基于UI设计的原型
上传你选择的网页设计开始原型。
2、创建组件
给你的组件起名字,添加所需的HTML元素。把它们盖在你的设计上。
3、层次性
在创建组件之前或之后指定层次结构,可视化树中的变化。
4、查看活动代码段
创建组件时自动生成代码段,单击显示中的组件,查看其代码和HTML元素。
5、添加VUE路由
添加新路由并查看与该路由关联的所有组件,完成后,将项目导出到文件系统。
安装使用
1、安装 Quasar 框架
npm i -g @quasar/cli
2、下载源码到本地
git clone https://github.com/open-source-labs/OverVue.git myproject
cd myproject
3、安装依赖
npm install
4、在开发模式下运行
quasar dev -m electron
5、打包成.dmg 或 .exe
quasar build -m electron
6、下载程序到本地后,运行。新建项目,程序会默认建立一个根App组件和路由上传一个模型图像。
7、要添加新组件,在“组件名称”框中键入其名称,并选择应由该组件呈现的任何HTML元素。还可以在创建后添加HTML元素,方法是在显示中选择组件,然后选择HTML元素。
8、添加新的路由,然后在侧边栏可以查看所有的组件和路由。
软件特性
- 可上传前端模型图像
- 包含可视化可拖动和可调整大小的组件
- 创建组件的父子层次结构
- 将html元素添加到组件
- 创建Vue Router使用的路由
- 每个组件的实时生成的可预览代码段
- 实时生成的树视图,以帮助可视化父子层次结构
- 保存项目并打开以前的项目
- 导出工作前端的完整样板代码
- 重做/撤销功能
- 可嵌套Html元素
- 能够从选定的VUE组件导航到HTML元素
- 每个路由分配一个图像
- 可以把Vue组件设定为特定的图层
- 加载项目的同时加载路由图像
- 上传模型图像兼容windows
下载地址
热门软件
Quick Collage Pro(照片拼接软件) V3.4.0 Mac版
Steam V20.10.91.91 官方版
百度网盘 V7.4.1.3 官方正式版
抖音采集工具 V2021 绿色版
2345看图王 V10.5.0.9364 官方正式版
小颖歌词制作器 V1.0 绿色版
Capture One21 V14.1.1 最新版
山丽防水墙单机版 官方版 V5.0
蓝山office V2021 最新版
Easy Video Reverser(视频倒放处理软件) V3.9.5 英文安装版
装机必备 更多+
应用软件下载排行榜
Goodbye Greenscreen(AI智能背景抠像颜色键控AE插件) V1.0.1 官方版
2蓝山office V2021 最新版
3Custom Cursor(鼠标光标美化插件) V2.1.9 免费版
4Adobe Premiere Pro CC 2019 V13.1.5.47 免安装版
5QQ浏览器 V10.8.4552.400 官方版
6秒书 V4.1.6 官方安装版
7Microsoft Mathematics(微软数学软件) V4.71.1015.0 中文版
8Microsoft office 2016 专业增强版
9Quickchm(CHM编排软件) V7.7.7 绿色免费版
10Ckeditor5 V11.4 免费版
电脑软件专题 更多+