English | 简体中文

An excellent front-end solution

• document - http://fesjs.mumblefe.cn/
• changelog - CHANGELOG.md

Pain points

Before developing a front-end project, we may need to do the following preparations：

• Set up a development environment
• Conventional code specification
• Encapsulate API requests
• Configure routing
• Realize layout, menu, navigation
• Realize login
• authority management
• ...

In addition to the preparation work, there are many similar business types. For example, most of the middle and back-end applications are workbenches, additions, deletions, changes, permissions, charts, etc. If each project is completely processed manually, it will not only take time, but over time there may be multiple technology stacks and development specifications, leading to inconsistent development processes and making historical projects more and more difficult to maintain. So we need a complete solution to manage the entire process from development to deployment.

Fes.js ？

Fes.js is an excellent front-end application solution. Fes.js is based on Vue 3.0 and routing, and supports both configuration routing and convention routing, which can be used for functional expansion. Equipped with a complete plug-in system covering the compile-time and runtime life cycle, it supports various function extensions and business requirements.

It mainly has the following functions:

• 🚀 fast , Built-in routing, development, construction, etc., and provide plug-ins such as testing, layout, permissions, internationalization, state management, API requests, data dictionary, SvgIcon, etc., which can meet most of the daily development needs.

• 🧨 easy , Based on Vue.js 3.0, easy to get started. Carry out the idea of "Convention is better than configuration", design plug-ins as much as possible to replace configuration with conventions, and provide a unified plug-in configuration entry, which is simple, concise and flexible. Provide a consistent API entry, a consistent experience, and easier learning.

• 💪 strong , Only need to care about the content of the page, reduce the chance of writing BUG! Provide unit testing and coverage testing capabilities to ensure project quality.

• 📦 expanded , Drawing lessons from Umi, it implements a complete life cycle and plug-in mechanism. The plug-in can manage the compile time and runtime of the project, and the capabilities can be encapsulated through the plug-in, and run in an orderly manner in Fes.js.

• 📡 future , While meeting demand, we will not stop exploring new technologies. Vue3.0 has been used to improve application performance, webpack5 has been used to improve construction performance and implement microservices, and new technologies such as vite will be explored in the future.

Plugins

plugin	introduce
@fesjs/plugin-access	Provides the ability to control the permissions of page resources
@fesjs/plugin-enums	Provide unified enumeration access and rich functions to handle enumeration
@fesjs/plugin-icon	svg file is automatically registered as a component
@fesjs/plugin-jest	Based on Jest, provide unit testing and coverage testing capabilities
@fesjs/plugin-layout	Simple configuration to have a layout, including navigation and sidebar
@fesjs/plugin-locale	Based on Vue I18n, providing internationalization capabilities
@fesjs/plugin-model	Simple data management solution
@fesjs/plugin-request	Based on the request encapsulated by Axios, built-in functions such as preventing repeated requests, request throttling, and error handling
@fesjs/plugin-vuex	Based on Vuex, provide state management capabilities
@fesjs/plugin-qiankun	Based on qiankun, provide microservice capabilities
@fesjs/plugin-sass	Style support sass
@fesjs/plugin-monaco-editor	Provide code editor capability, based on monaco-editor (code editor used by VS Code)
@fesjs/plugin-pinia	state manager
@fesjs/plugin-watermark	watermark
@fesjs/plugin-swc	use swc-loader

As easy as counting 1, 2, 3

use yarn：

# Create a template
yarn create @fesjs/fes-app myapp

# Installation dependencies
yarn 

# run
yarn dev

use npm：

# Create a template
npx @fesjs/create-fes-app myapp

# Installation dependencies
npm install 

# run
npm run dev

Feedback

Github Issue	WeChat group	Fes.js开源运营小助手
@fesjs/fes.js/issues

Contributing

Pull requests and stars are always welcome.

For bugs and feature requests, please create an issue.

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Community activity

Fesjs community award-winning essay activity

In order for the Fes.js open source project to run better, and to give back to the open source community, the community launched an award-winning essay event! Everyone is welcome to post practical experience to provide reference for community users and a wider range of developers.

The output of experience can also help your system accumulate your own projects, sort out your work ideas, and also help your technology blog to promote. Good practice cases will have the opportunity to be invited to participate in the project community technical meeting to share, hurry up and participate.

Please stamp: https://mp.weixin.qq.com/s/nV4NG_OUUrdgtft8g_IW4g