乐趣区

关于前端:Fesjs-for-Vue3简洁却不简单

Fes.js 是一套优良的中后盾前端解决方案。提供初始我的项目,开发调试,模仿接口,编译打包的命令行工具。内置布局,权限,数据字典,状态治理,存储,API 等多个模块。以约定,配置化,组件化的设计思维,让用户只需关怀应用组件结构页面内容。基于 Vue.js,上手简略。通过多个我的项目中打磨,趋于稳定。

1.0 上线后收到了社区小伙伴们的良好倡议,在此谢谢反对 Fes.js 的你们,心愿本次降级给大家带来更多的帮忙,期待将来独特发明更多功能。

咱们须要开发的大部分前端利用的业务比拟相似,比方中后盾利用大多都是工作台、增删改查、权限、图表等。所以在开发一个前端利用之前,除了环境筹备工作,还须要解决这些根底的业务逻辑。

如果没有对立的标准或者框架,技术选型也要看开发人员的爱好,每个我的项目的筹备工作都手动解决一遍,十分消耗工夫。长此以往,当团队会呈现多种技术栈,历史我的项目将越来越难保护。所以咱们须要一套残缺的解决方案,治理开发到部署整个流程,在问题产生前将其解决。

Fes.js 2.0 做了哪些改良

=========================

对于 1.0  本只反对 PC 利用、不易扩大等有余,咱们在 2.0 版本从新设计了以插件机制为根底的可扩大架构。

重写了 90% 代码,Fes.js 2.0 以 Vue 3.0 和路由为根底,同时反对配置式路由和约定式路由,并以此进行性能扩大。匹配了笼罩编译时和运行时生命周期欠缺的插件体系,反对各种性能扩大和业务需要。

Fes.js 架构

Fes.js 把大家罕用的技术栈封装成一个个插件进行整顿,收敛到一起,让大家只用 Fes.js 就能够实现 80% 的日常工作。

反对插件和插件集,通过这张图应该很好了解到他们的关系,通过插件集咱们把插件收敛依赖而后反对不同的业务类型。

插件和插件集

Fes.js 2.0 的特点

======================

  • 疾速 Fast


内置了路由、开发、构建等,并且提供测试、布局、权限、国际化、状态治理、API 申请、数据字典、SvgIcon 等插件,能够满足大部分日常开发需要。

  • 简略 Easy

基于 Vue.js 3.0,上手简略。贯彻“约定优于配置”思维,设计插件上尽可能用约定代替配置,同时提供对立的插件配置入口,简略简洁又不失灵便。提供一致性的 API 入口,统一化的体验,学习起来更轻松。

  • 强壮 Strong

只须要关怀页面内容,缩小写 BUG 的机会!提供单元测试、笼罩测试能力保障我的项目品质。

  • 可扩大

借鉴 Umi 实现了残缺的生命周期和插件化机制,插件能够治理我的项目的编译时和运行时,能力均能够通过插件封装进来,在 Fes.js 中协调有序的运行。

  • 面向未来

在满足需要的同时,咱们也不会进行对新技术的摸索。已应用 Vue3.0 来晋升利用性能,已应用 webpack 5 晋升构建性能和实现微服务,将来会摸索 vite 等新技术。

  • 令人愉悦

咱们的次要重点是开发人员体验。咱们喜爱 Fes.js,并且会不断改进框架,所以您也喜爱它!期待有吸引力的解决方案,描述性的谬误音讯,弱小的默认值和具体的文档。如果有问题或疑难,咱们有用的社区将为您提供帮忙。

疾速上手

根底配置:要有 10.13 或以上版本的 Node.js,治理 npm 依赖举荐应用 yarn。

应用 yarn:

# 创立模板
yarn create 
# @fesjs/fes-app myapp``
# 装置依赖
yarn 
# 运行
yarn de 

应用 npm:

# 创立模板
npx @fesjs/create-fes-app myapp
# 装置依赖
npm install 
# 运行
npm run dev

演示操作文章视频

写在最初

============

应用过程中,如果遇到困难,可到文档下查看解决方案;同时社区激励所有同学通过 Github 交换反馈,第一工夫提交 issue。Fes.js 正在迅速倒退中,期待大家来一起游玩!

  • Github Issue

    https://github.com/WeBankFinT…

  • Github repo

    https://github.com/WeBankFinT…

  • 应用文档

    https://winixt.gitee.io/fesjs…

  • 共建指南

    https://winixt.gitee.io/fesjs…

  • 我的项目联系

    geniusWanc

退出移动版