Fes.js 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