DOCSEARCHbyAlgolia
Submit Docs

Fes.js Documentation

website·Indexed 31 days ago

https://fesjs.mumblefe.cn/

A framework based on Vue and Webpack that follows the 'convention over configuration' principle. It provides a comprehensive ecosystem of plugins for state management (Pinia, Vuex), routing (Vue Router), internationalization (Vue I18n), and development tools like Mock data, Jest testing, and Monaco Editor integration.

Tokens
68.6K
Snippets
503
Records
633
Agent score
49%

What's inside Fes.js

  1. Overview of the Fes.js Framework

    Fes.js is a comprehensive solution designed to accelerate the development of administrative backend systems by reducing repetitive work related to permissions, querying, and CRUD operations. It allows developers to focus on business logic by providing a set of integrated tools and components. The framework is built on Vue 3.0.

  2. Overview of Fes.js plugin capabilities

    A Fes.js plugin is an npm package that extends the functionality of a Fes.js project. Plugins can be used to:

    • Modify Webpack and Babel configurations.
    • Add new fes CLI commands (e.g., @fes/plugin-jest adds fes test).
    • Integrate Vue plugins.
    • Modify routing configurations.
    • Provide runtime APIs.

  3. Overview of available Fes.js plugins

    Fes.js provides a collection of official plugins to encapsulate common technology stacks, allowing developers to handle the majority of daily development tasks within the Fes.js ecosystem. Available plugins include:

    • @fesjs/plugin-access: Page resource permission control.
    • @fesjs/plugin-enums: Unified enum access and utility functions.
    • @fesjs/plugin-icon: Automatic registration of SVG files as components.
    • @fesjs/plugin-jest: Unit testing and coverage based on Jest.
    • @fesjs/plugin-layout: Simple configuration for layouts, including navigation and sidebars.
    • @fesjs/plugin-locale: Internationalization based on Vue I18n.
    • @fesjs/plugin-model: Simplified data management solution.
    • @fesjs/plugin-request: Axios-based request wrapper with built-in duplicate request prevention, throttling, and error handling.
    • @fesjs/plugin-vuex: State management based on Vuex.
    • @fesjs/plugin-qiankun: Micro-frontend capabilities based on qiankun.
    • @fesjs/plugin-sass: Sass style support.
    • @fesjs/plugin-monaco-editor: Code editor capabilities based on monaco-editor.
    • @fesjs/plugin-windicss: Atomic CSS capabilities based on Windi CSS.
    • @fesjs/plugin-pinia: State management based on Pinia.
    • @fesjs/plugin-watermark: Watermark functionality.
    • @fesjs/plugin-swc: SWC integration.

  4. Overview of available Fes.js plugins

    Fes.js provides a suite of official plugins to encapsulate common technology stacks, allowing developers to handle the majority of daily development tasks within the framework. Available plugins include:

    • @fesjs/plugin-access: Page resource permission control.
    • @fesjs/plugin-enums: Unified enum access and utility functions.
    • @fesjs/plugin-icon: Automatic registration of SVG files as components.
    • @fesjs/plugin-jest: Unit testing and coverage based on Jest.
    • @fesjs/plugin-layout: Simple configuration for layouts, including navigation and sidebars.
    • @fesjs/plugin-locale: Internationalization based on Vue I18n.
    • @fesjs/plugin-model: Simplified data management solution.
    • @fesjs/plugin-request: Axios-based request wrapper with built-in duplicate request prevention, throttling, and error handling.
    • @fesjs/plugin-vuex: State management based on Vuex.
    • @fesjs/plugin-qiankun: Micro-frontend capabilities based on qiankun.
    • @fesjs/plugin-sass: Sass style support.
    • @fesjs/plugin-monaco-editor: Code editor capabilities based on monaco-editor (the VS Code editor).
    • @fesjs/plugin-windicss: Atomic CSS capabilities based on windicss.
    • @fesjs/plugin-pinia: State management based on Pinia.
    • @fesjs/plugin-watermark: Watermarking functionality.

  5. Overview of available Fes.js plugins

    Fes.js provides a collection of plugins to handle common development tasks, consolidating various technical stacks to streamline daily workflows. Available plugins include:

    • @fesjs/plugin-access: Page resource permission control.
    • @fesjs/plugin-enums: Unified enum access and utility functions.
    • @fesjs/plugin-icon: Automatic registration of SVG files as components.
    • @fesjs/plugin-jest: Unit testing and coverage based on Jest.
    • @fesjs/plugin-layout: Simple configuration for layouts, including navigation and sidebars.
    • @fesjs/plugin-locale: Internationalization based on Vue I18n.
    • @fesjs/plugin-model: Simple data management solution.
    • @fesjs/plugin-request: Axios-based request wrapper with built-in duplicate request prevention, throttling, and error handling.
    • @fesjs/plugin-vuex: State management based on Vuex.
    • @fesjs/plugin-qiankun: Micro-frontend capabilities based on qiankun.
    • @fesjs/plugin-sass: Sass style support.
    • @fesjs/plugin-monaco-editor: Code editor capabilities based on monaco-editor.
    • @fesjs/plugin-windicss: Atomic CSS capabilities based on windicss.
    • @fesjs/plugin-pinia: State management based on Pinia.
    • @fesjs/plugin-watermark: Watermarking functionality.
    • @fesjs/plugin-swc: SWC integration.

  6. Overview of Fes.js Core Capabilities

    Fes.js is a framework that provides built-in support for routing, build processes, and plugin management. It includes a suite of plugins to handle common development requirements such as testing, layout, permissions, internationalization (i18n), state management, HTTP requests, data dictionaries, and SVG integration.

  7. Overview of Fes-ui Icon component

    The Fes-ui Icon component implements scalable icons using font characters based on the ionicons 4.x open-source library. This approach allows developers to easily control the color and size of the icons via component properties.

  8. Overview of Table component capabilities

    The Table component is used to display large amounts of structured data. It supports advanced features including row sorting, column filters, custom styles for columns/rows/cells, column operations, component-based cell content, tree-structured data, and aggregated headers.

  9. Overview of Fes.js frontend solution

    Fes.js is a frontend application solution built on Vue 3.0 and routing. It supports both configuration-based and convention-based routing and utilizes a comprehensive plugin system covering both compile-time and runtime lifecycles. It is designed to reduce boilerplate setup (such as environment configuration, API encapsulation, and permission management) by providing built-in support for layouts, internationalization, state management, and data dictionaries.

  10. Overview of the Tooltip component

    The Tooltip component displays a text hint bubble when a user hovers over an element, serving as a more customizable alternative to the native system title attribute.

  11. Overview of Fes.js frontend solution

    Fes.js is a frontend application framework built on Vue 3.0 and routing. It supports both configuration-based and convention-based routing and utilizes a comprehensive plugin system covering both compile-time and runtime lifecycles. It is designed to standardize the development process for common business types (such as admin dashboards and CRUD applications) by providing built-in support for layout, permissions, internationalization, state management, API requests, and data dictionaries.