Fes.js 是一个基于 Vue.js 的前端框架,它遵循"约定优于配置"的原则,为开发者提供了一个高效、易用的开发环境。在本文中,我们将探索一个基础 Fes.js 项目的目录结构,帮助你快速上手。

一个典型的 Fes.js 项目目录结构如下:

fes-template
├── package.json
├── tsconfig.json
├── mock.js
├── .fes.js
├── .env
├── index.html
├── dist
├── public
│   └── logo.png
└── src
    ├── .fes
    └── pages
    │    └── index.vue
    └── app.js

让我们逐一了解每个目录和文件的作用:

1. package.json: 这是标准的 Node.js 项目配置文件,列出了项目的依赖、脚本等信息。其中 @fesjs/fes 是 Fes.js 的核心依赖,以 @fesjs/preset-、@fesjs/plugin-、@webank/fes-preset-、@webank/fes-plugin-、fes-preset- 和 fes-plugin- 开头的依赖会被自动注册为插件或插件集,而以 @fesjs/builder- 开头的会被注册为构建器。