写点什么

🎊这个 OpenTiny 开源项目的 CLI 可太牛了,两行命令创建一个美观大气的 Vue Admin 后台管理系统,有手就会,连我的设计师朋友都学会啦啦

作者:Kagol
  • 2023-04-06
    中国香港
  • 本文字数:938 字

    阅读完需:约 3 分钟

🎊这个 OpenTiny 开源项目的 CLI 可太牛了,两行命令创建一个美观大气的 Vue Admin 后台管理系统,有手就会,连我的设计师朋友都学会啦啦

大家好,我是 Kagol,OpenTiny 开源社区运营,TinyVue 跨端、跨框架组件库核心贡献者,专注于前端组件库建设和开源社区运营。


近期尝试了下 OpenTinyCLI 工具,不得不说,简单到“有手就会”,连我的设计师朋友都学会啦啦。


我们先来看下实现的效果图。


登录页:



看板页:



工作台:



是不是非常惊艳!


更多效果可访问以下链接进行体验:


https://opentiny.design/vue-pro/pages


这样美观大气的 Vue Admin 系统只需要两条命令就可以创建,快来试试看吧!


// 安装 TinyCLInpm install @opentiny/cli npminstall@3 -g
// 创建 TinyVue Pro 项目tiny init vue-pro
复制代码


终端界面出现以下提示,说明项目初始化已经成功🎉


--------------------初始化成功,请按下面提示进行操作--------------------
$ tiny start # 可一键开启项目开发环境$ tiny help # 可查看当前套件的详细帮助
建议将现有初始化的代码提交一次到master分支, 方便后续切换到 daily/x.y.z 分支进行开发
-------------------- 技术支持:官方小助手微信opentiny-official --------------------
复制代码


执行 tiny start 即可启动项目!


由于太过简单,我的设计师朋友都学会了,作为前端的你不打算尝试下?


5 分钟之内没把这个美观大气的 Vue Admin 系统搭建起来,你找我!


搭建过程中遇到问题欢迎留言讨论!


除了美观大气之外,TinyPro 后台管理系统还支持丰富的特性。


  • 自定义布局:可支持配置多种页面布局方式

  • 响应式和栅格:自适应常用屏幕大小,提供最佳的用户浏览体验

  • 个性主题化:内置多套主题风格,可供在线切换

  • Mock 数据:支持不依赖后端,本地方便调试数据

  • 国际化:支持多语言在线切换,满足多语言场景

  • 丰富的组件:集成 TinyVue 跨端、跨框架组件库,包含 80 多个功能强大的组件


欢迎体验:https://opentiny.design/vue-pro/pages

联系我们

如果你对我们 OpenTiny 的开源项目感兴趣,欢迎添加小助手微信:opentiny-official,拉你进群,一起交流前端技术,一起玩开源。


OpenTiny 官网:https://opentiny.design/


OpenTiny 仓库:https://github.com/opentiny/


Vue 组件库:https://github.com/opentiny/tiny-vue(欢迎 Star 🌟)


Angular 组件库:https://github.com/opentiny/ng(欢迎 Star 🌟)


CLI 工具:https://github.com/opentiny/tiny-cli(欢迎 Star 🌟)


用户头像

Kagol

关注

还未添加个人签名 2019-10-21 加入

还未添加个人简介

评论

发布
暂无评论
🎊这个 OpenTiny 开源项目的 CLI 可太牛了,两行命令创建一个美观大气的 Vue Admin 后台管理系统,有手就会,连我的设计师朋友都学会啦啦_Vue3_Kagol_InfoQ写作社区