OpenTiny是华为云出品的开源项目,号称是跨端跨框架的一站式解决方案,让我来一探究竟!
OpenTiny目前开放了开发相关的TinyVue、TinyNg、TinyCLI,以及衍生生态产品TinyPro、TinyTheme 。
目前主流的前端框架比如ElementUI、antDesign都对Vue版本进行了区分,比如ElementUI适用于Vue2,ElementPlus适用于Vue3;ant-design-vue 1.x适用于Vue2,ant-design-vue 2.x以上适用于Vue3;但是****TinyVue可以同时兼容Vue2及Vue3,就是这么厉害 ~
TinyVue可以为使用不同版本 Vue 的项目提供一致的 UI 组件体验,而且coder可以使用相同的代码库来构建 Vue 2 和 Vue 3 的应用,减少代码量,更易于维护;而且使用同一代码库,可以使升级更新更加丝滑,就有更多时间认真摸鱼啦~
在Angular“越来越不受待见”的开发环境下,TinyNg提供了Angular+TS的组件库,包含70+组件,支持国际化、主题定制、大体积的组件例如表格,均内置虚拟滚动,大组件加载相当丝滑。TinyNG 采用面向对象架构设计,代码重复率远低于竞品一个数量级。
TinyPro 开箱即用的企业级中后台解决方案,提供了完整的中后台模板,包括通用管理后台、BI数据分析后台、数据监控看板、CRM 管理后台、各类自定义表单,可以帮助开发者快速构建高质量的中后台应用程序。而且TinyPro也同时支持Vue/Angular框架,企业可以根据自己的开发语言,选择对应的安装包,仅需一句“tiny init” 就可以拥有啦 ~
TinyCLI 命令行工具,可以帮助开发者快速创建项目、生成页面、打包部署等,提高开发效率。包含基础命令、tiny-cli 套件固定命令、tiny-cli 插件扩展命令;无需手动安装和升级,程序自行判断当前环境是否已安装或存在最新版本,升级过程中版本升级日志清晰可见。
$ tiny
tiny 使用帮助: $ tiny [command] [options]
$ tiny 显示tiny帮助信息,若目录下有使用的套件,则会同时显示套件的帮助信息
$ tiny init [toolkitName] 初始化套件
$ tiny update [name] 更新tiny模块
$ tiny list [type] 插件列表
$ tiny i 安装npm模块
$ tiny mirror 切换npm源
$ tiny switch 切换npm包安装方式,支持npm和cnpm
$ tiny clear 清空 tiny 的本地缓存
$ tiny config [type] 显示/设置.cnpmrc文件,类似npm config的用法
$ tiny [name] 其他调用插件命令
Options:
-h, --help 显示tiny帮助信息
-v, --version 显示tiny版本
提示:
套件 - 若想查看项目中所使用的套件帮助信息,请在项目根目录执行该命令.
插件 - 若想查看插件的帮助信息,请使用 tiny [name] help 命令, eg : tiny git help
----------------------
联系我们
如果你对我们 OpenTiny 的开源项目感兴趣,欢迎添加小助手微信:opentiny-official,拉你进群,一起交流前端技术,一起玩开源。
OpenTiny 官网:opentiny.design/
OpenTiny 代码仓库:github.com/opentiny/
Vue 组件库:github.com/opentiny/ti…(欢迎 Star 🌟)
Angular 组件库:github.com/opentiny/ng(欢迎 Star 🌟)