1. Project Overview

An Excellent Frontend Solution

Fes.js is a practical frontend application solution. Built on Vue 3.0 and routing, Fes.js supports both configuration-based and convention-based routing, with additional functionality built on top of them. Its comprehensive plugin system covers both compile-time and runtime lifecycles, supporting various extensions and business requirements.

2. Open Source License

Licensed under MIT

3. Screenshots

4. Feature Overview

Pain Points

Before developing a frontend project, we may need to complete the following preparations:

• Set up the development environment

• Establish coding standards

• Encapsulate API requests

• Configure routing

• Implement layouts, menus, and navigation

• Implement login functionality

• Permission Management

• ...

Beyond these preparations, we also encounter many recurring business scenarios. For example, most enterprise management applications involve workbenches, CRUD operations, permissions, charts, and other common features. Manually handling everything from scratch for every project not only consumes time but may also lead to multiple technology stacks and development standards over time, resulting in inconsistent development workflows and increasingly difficult maintenance of legacy projects. Therefore, we need a comprehensive solution to manage the entire process, from development to deployment.

What Is Fes.js?

Fes.js is a practical frontend application solution. It provides a plugin system covering every lifecycle stage, from compilation and building to code execution, supporting various feature extensions and business requirements. Built around routing, it supports both configuration-based and convention-based routing to ensure comprehensive routing capabilities. Overall, it follows the design principles of conventions, configuration, and componentization, allowing users to focus solely on building page content with components. Based on Vue.js 3.0, it makes full use of the rich Vue ecosystem. It has a gentle learning curve and is easy to get started with. After being refined through multiple projects, it has become stable and mature.

Its main features include:

• Fast : Comes with built-in routing, development, and build capabilities, as well as plugins for testing, layouts, permissions, internationalization, state management, API requests, data dictionaries, SvgIcon, and more, meeting most everyday development requirements.

• Simple : Based on Vue.js 3.0, it is easy to get started with. It follows the principle of "Convention over Configuration," replacing configuration with conventions wherever possible in plugin design while providing a unified plugin configuration entry point. It is simple and clean without sacrificing flexibility. Consistent API entry points and a unified user experience make it easier to learn.

• Robust : Focus only on page content and reduce opportunities for bugs! Unit testing and test coverage capabilities are provided to ensure project quality.

• Extensible : Inspired by Umi, it implements a complete lifecycle and plugin mechanism. Plugins can manage both compile-time and runtime aspects of a project, with all capabilities encapsulated as plugins and coordinated seamlessly within Fes.js.

• Future-Oriented : While meeting current requirements, we never stop exploring new technologies. Vue3.0 is used to improve application performance, while webpack5 and vite are used to improve build performance and implement microservices.

5. Tech Stack

As Easy as 1, 2, 3

Using pnpm:

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

# Install dependencies
pnpm i

# Run
pnpm dev

Using npm:

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

# Install dependencies
npm install

# Run
npm run dev