Fes.js前端應(yīng)用解決方案
Fes.js 是“快速、簡單、健壯”的前端應(yīng)用解決方案，包含 Fes-Cli、Fes-Core、Fes-UI 三部分。能夠管理從開發(fā)到部署的全鏈路完成流程，提供模板項(xiàng)目、cli 命令行工具、豐富的 PC 端組件和一系列 API，提效中后臺(tái)開發(fā)能力，讓開發(fā)更專注的聚焦于業(yè)務(wù)邏輯。
- Fes-Cli是命令行工具，一行命令創(chuàng)建工程、開啟開發(fā)調(diào)試、打包發(fā)布。
- Fes-Core是運(yùn)行時(shí)框架，固定頁面布局，提供權(quán)限管理、儲(chǔ)存管理、路由管理、接口管理、狀態(tài)管理、數(shù)據(jù)字典管理、環(huán)境管理等API。以插件的方式提供擴(kuò)展接口。
- Fes-UI是組件庫，包含30+的PC端組件庫，可以快速搭建出增刪改查等頁面
Fes.js框架
Fes是一整套解決方案。包含fes-cli、fes-core、fes-ui三部分。
fes-cli是命令行工具，解決創(chuàng)建工程、開發(fā)調(diào)試、打包發(fā)布。
fes-core是框架核心，對(duì)Vue的API做了一些增強(qiáng)。建議先閱讀學(xué)習(xí)Vue2.0，再閱讀運(yùn)行時(shí)框架。
fes-ui是一套基于Ant.design設(shè)計(jì)理念的PC端組件庫。
使用場(chǎng)景
- 管理系統(tǒng)前端的高效開發(fā)
快速搭建項(xiàng)目環(huán)境，封裝后臺(tái)管理應(yīng)用的常用模塊；固定應(yīng)用布局，讓開發(fā)者只需要關(guān)心用組件搭建頁面。
- 滿足高質(zhì)量和高穩(wěn)定性運(yùn)行
Fes.js 穩(wěn)定的底層架構(gòu)結(jié)合上層質(zhì)量保障體系，配合整套經(jīng)過線上驗(yàn)證的技術(shù)棧，可以保障應(yīng)用上線穩(wěn)定運(yùn)行。
- 支持國際化版本
Fes-Core和Fes-UI支持了國際化能力，可以輕松實(shí)現(xiàn)管理臺(tái)應(yīng)用的國際化支持。
演化過程
在使用Vue開發(fā)管理臺(tái)過程中，實(shí)現(xiàn)業(yè)務(wù)需求積累了一些相對(duì)通用的組件，經(jīng)過重構(gòu)讓組件更通用后ui-webank組件庫誕生。
使用組件庫開發(fā)管理臺(tái)應(yīng)用，效率得到提升。但是其中依然有很多內(nèi)容，例如布局、菜單、權(quán)限、接口請(qǐng)求能力是類似的，為何不把管理臺(tái)應(yīng)用中其他通用的能力抽象出來，實(shí)現(xiàn)一個(gè)框架封裝這些能力呢？于是Fes.js誕生了。
Fes.js 核心設(shè)計(jì)原則是“讓開發(fā)者少寫”，愿景是 “Fast 、Easy、Strong”。
從功能上 Fes.js 分為 Fes-CLI、Fes-Core 和 Fes-UI 三部分，在開源前經(jīng)歷過一次大的架構(gòu)變更 v1.0 版本 Fes-ClI 和 Fes-Core 同屬于一個(gè)包，這樣帶來一些問題：
-
Fes-CLI 和 Fes-Core 在同一個(gè) npm 包，每次 Fes-Core 更新順帶更新 Fes-CLI 的版本，也就是用戶需要重新全局安裝一次fes命令；
-
Fes-Core 強(qiáng)依賴 Fes-UI，在代碼中使用了 Fes-UI 的 Message 組件，F(xiàn)es-Core 的 package.json 寫死 Fes-UI的版本。導(dǎo)致每次升級(jí) Fes-UI 版本需要同時(shí)升級(jí) Fes-Core 版本，用戶需要重新安裝 fes 命令。
在 v2.0 版本中完全解耦三個(gè)模塊，由項(xiàng)目決定 Fes-Core 和 Fes-UI 的版本。
加入 Fes.js社區(qū)
我們已邁出了第一步，雖然目前不能更全面的實(shí)現(xiàn)某些功能，隨著時(shí)間的推移，這部分功能一定會(huì)越發(fā)完善，希望這些可以幫助開發(fā)者們更好的進(jìn)行開發(fā)。
在此誠邀關(guān)注前端開發(fā)的你，參與到 Fes.js 項(xiàng)目中來，我們歡迎任何形式的貢獻(xiàn)，有任何建議或意見可在 GitHub/ gitee /微信群中提issue，期待你的到來。
歡迎聯(lián)系項(xiàng)目負(fù)責(zé)人Harry：[email protected]
文檔
詳細(xì)使用請(qǐng)查看 文檔