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