/lugia

Lugia产品包括一套标准的前端组件库、一套统一的模型管理框架、一套完整的工程构建工具链,以及一套高效并且开箱即用的前端可视化开发工具。

Primary LanguageJavaScriptApache License 2.0Apache-2.0

Lugia 大前端生态技术解决方案

Lugia 是一整套面向云原生化大前端生态技术解决方案。我们希望把交互设计与前端应用代码开发有机的融为一体,形成一种跨时代的大前端生态技术规范。

Lugia - 知乎专栏

重塑前端工作流-Lugia 正式版发布 - 葱花 i1214 的文章 - 知乎

在现在的版本中,我们重点发布了四款产品:

  • Lugia Design:大道至简的设计规范。对于设计来说,知性可以同时定义为 “ 形式上的优美和极致 ” 和 “ 科学上的精确和简洁 ”,我们相信知性的设计,实现了二者的完美契合。
  • LugiaX:一个基于 Redux 的前端状态管理工具。提供简单高效的全局状态管理方案、 基于 async/await 的异步操作、快捷的双向绑定。LugiaX 内置路由库,对 react-router 做了轻量封装,使用起来更加简单明了。
  • Lugia Web:一套基于 Lugia Design 的高品质 React 组件库,满足金融行业高性能组件的需求,适用于 Web 端。
  • Lugia Mega:标准、高效、开箱即用的前端可视化设计开发工具。Lugia Mega 是一个无需环境搭建、快速上手的跨平台桌面应用(Mac 和 Windows)。为开发人员提供可视化、屏蔽底层、元信息式的开发方式。帮助设计师、产品经理快速设计产品,成果可以直接让开发人员使用。Lugia Mega 贯穿了整个项目的生命周期,让您极速构建前端应用、轻松管理所有项目。

Lugia Mega 是整套大前端生态技术解决方案对外输出的主要承载体。Lugia Design、Lugia Web、 LugiaX 等产品会与 Lugia Mega 整体打包向用户输出使用。

重塑前端工作流

重塑前端开发流程,不同职位的产出成果可以直接迭代复用,从而满足云原生大前端的快速迭代开发需求。

我们做那么多事情,最本质的目的就是要提高生产力,达到降低开发成本,提高前端开发质量,提升用户体验的效果。

特性

  • 标准:约定、配置、初始化、原型设计、效果设计、模型绑定、开发调试、构 建、依赖管理、项目管理、Mock 服务、代理配置...... Lugia Mega 贯穿了整个前端项目的生命周期并采用业内最优秀的解决方案。
  • 高效:高品质的物料体系,丰富易用的主题样式,高效快捷的模型管理,让您极速构建前端应用、轻松管理所有项目。
  • 开箱即用:Lugia Mega 是一个无需环境搭建、快速上手的跨平台桌面应用(Mac 和 Windows)。通过简单的拖动操作帮助产品经理、设计师快速设计原型、交互稿 ,成果可以直接让开发人员使用。

如何使用

我们提供 macOS、Windows 两个主流系统的桌面应用,若需要其他系统的应用,我们也会根据实际情况进行支持。只需简单的下载、解压,即可开始愉快地设计开发各种前端应用。

下载

Lugia 网站上进行下载。

安装

环境要求

  • Windows7 以上操作系统 或者 macOS 10.13.x 以上操作系统,需要 64 位操作系统
  • 内存 8g 以上
  • 已接入互联网

下载安装

  • Windows 系统版本的客户端,仅需要双击运行下载的安装包 LugiaMega-1.x.exe

  • macOS 系统的客户端

下载完成后打开 dmg 文件。

若出现 “不明开发者...” 的提示无法打开的话,请打开 系统设置>安全性与隐私>通 用 允许打开应用。

成功打开 dmg 后,拖动 app 到 应用程序 文件夹后,双击打开即可运行。

服务手册

因系统的差异性,macOS 与 Windows 两个系统版本的应用界面上会有所差别,但功能上相差无几。

在 Lugia 网站上下载 lugia-mega 服务手册

浏览器兼容性

现代浏览器 及 IE10+

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
IE10+, Edge last 2 versions last 2 versions last 2 versions last 2 versions