---
home: true
title: 首页
heroImage: /logo.png
actions:
  - text: 快速上手
    link: /zh/guide/getting-started.html
    type: primary
  - text: 项目简介
    link: /zh/guide/
    type: secondary
features:
  - title: Fast
    details: Fes内置了路由、开发、构建等，并且提供测试、布局、权限、国际化、状态管理、API请求、数据字典、SvgIcon等插件，可以满足大部分日常开发需求。
  - title: Easy
    details: 基于Vue.js 3.0，上手简单。贯彻“约定大于配置”思想，设计插件上尽可能用约定替代配置，同时提供统一的插件配置入口，简单简洁又不失灵活。提供一致性的API入口，一致化的体验，学习起来更轻松。
  - title: Strong
    details: 只需要关心页面内容，减少犯错的机会！提供单元测试、覆盖测试的能力保障项目质量。
  - title: 可扩展
    details: 借鉴Umi实现了完整的生命周期和插件化机制，插件可以管理项目的编译时和运行时，能力均可以通过插件封装进来，在fes.js中协调有序的运行。
  - title: 面向未来
    details: 在满足需求的同时，我们也不会停止对新技术的探索。已使用Vue3.0来提升应用性能，已使用webpack5提升构建性能和实现微服务，未来会探索vite等新技术。
footer: MIT Licensed | Copyright © 2020-present Webank
---

### 像数 1, 2, 3 一样容易

<CodeGroup>
  <CodeGroupItem title="YARN" active>

```bash
# 创建模板
yarn create @webank/fes-app myapp

# 安装依赖
yarn 

# 运行
yarn dev
```

  </CodeGroupItem>

  <CodeGroupItem title="NPM">

```bash
# 创建模板
npx @webank/create-fes-app myapp

# 安装依赖
npm install 

# 运行
npm run dev
```

  </CodeGroupItem>
</CodeGroup>

### 反馈

| Github Issue  | 微信群 | Fes.js开源运营小助手 |
| --- | --- | --- |
| [@webank/fes.js/issues](https://github.com/WeBankFinTech/fes.js/issues) | <img src="https://i.loli.net/2020/09/11/2XhKtPZd6NFVbDE.png" width="250" /> | <img src="https://i.loli.net/2020/09/16/sxwr62CKhmYOUyV.jpg" height="250"/> |