发布于 2026-01-06 3 阅读
0

OverVue v2,一款面向 Vue 爱好者或对 Vue 感兴趣的用户的原型设计工具

OverVue v2,一款面向 Vue 爱好者或对 Vue 感兴趣的用户的原型设计工具

OverVue 标志

你是…

  • 一位经验丰富的开发者正在考虑开发另一个基于 Vue 的应用程序?
  • 您是否拥有 React 或 Angular 的经验,并想了解 Vue 的全部内容?
  • 一位新手开发者,准备创建你的第一个 Vue 应用,但不知道从哪里开始?


隆重推出…… OverVue

OverVue 是一款桌面应用程序,旨在帮助开发者快速构建 Vue Web 应用程序。它在最初发布时就凭借其简洁的用户界面和用户友好的导航给人留下了深刻的印象,我们的团队很高兴地宣布一些重大更新!

如果您之前没有使用过 OverVue,请继续阅读,了解其主要功能。如果您已经熟悉 OverVue,您会很高兴地看到我们新增了许多实用功能,这些功能将使您的应用程序设计体验更加流畅。

核心功能:

  • 根据设计规范创建应用程序原型
    *新功能*为每条路由创建不同的布局
    为每条路线创建一个新的模拟图像

  • 通过直接在设计稿上创建路由、组件和 HTML 元素来构建您的应用程序架构
    *新功能*现在支持嵌套 HTML 元素和组件
    创建路由、组件和 HTML 元素

  • 指定父子层级结构,并在项目树上实时显示视觉变化。
    指定层级结构并查看实时更改

  • 当您使用左侧按钮创建组件并添加 HTML 元素时,系统会实时生成代码片段。
    实时代码片段

  • 将当前工作保存到 JSON 文件中,改天再用 OverVue 进行原型设计。

  • 或者导出您的项目,然后开始构建应用程序的其余部分!

新增功能:

  • 使用撤销/重做功能,您可以回到过去或前进到未来。使用 CTRL+Z/CTRL+Y 或标题栏上的切换按钮进行这些更改。
  • 现在完全兼容Windows系统!
...

有关 2.0 版本更改的更详细教程和更多说明,请查看OverVue GitHub 存储库

您还可以下载 Mac/Windows 程序,并访问OverVue.io上的应用程序测试平台。

这是一个开源应用程序,我们欢迎所有测试人员和贡献者。请在下方或我们的 GitHub 页面上告诉我们您的想法。

非常感谢 Dean Chung、Dean Ohashi、Drew Nguyen、Joseph Eisele、Alexander Havas、Kerianni Lin、Allison Pratt 和 Joju Olaode 团队,他们让这个工具成为迄今为止最棒的工具!

文章来源:https://dev.to/keliphan/overvue-v2-a-prototyping-tool-for-the-vue-lover-or-vue-curious-2fj5