---
home: true
title: 首页
heroText: 计算机应试全家桶
tagline: 磨刀不误砍柴工、读完硕士再打工...
actions:
  - text: 快速开始→
    link: /quick-start.md
    type: primary
  - text: 工作机会 💡
    link: /job-poster-bytedance.md
    type: secondary
features:
  - title: 基础概览
    details: 与官网同步的Egg.js框架基础知识整理，有效地降低日常开发和复习巩固的查询、学习时间。
  - title: 整理强化
    details: 官方插件的基础上，抽象、封装出适合自己功能的plus插件，能够快速集成、使用在新的项目中。
  - title: 反复反复
    details: 通过以项目Demo示例的方式，对框架常用的功能进行Code编写和整理，提供有效且易用的代码封装。
#  - title: 王道论坛
#    details: 全平台都可以关注。
#    link: https://github.com/zpfz/vuepress-theme-antdocs
#  - title: 研招网
#    link: https://github.com/zpfz/vuepress-theme-antdocs
#    details: 考研最新消息。
#  - title: 开源共享
#    link: https://github.com/zpfz/vuepress-theme-antdocs
#    details: 通过以项目Demo示例的方式，对框架常用的功能进行Code编写和整理，提供有效且易用的代码封装。
---




### 本地浏览【推荐】

由于平台、网络等原因，在线浏览容易出现加载面、加载不出来等常见问题，因此非常建议在本地进行浏览、学习；**下面指令默认你已经安装[Git](https://git-scm.com/download)、[NPM](https://www.npmjs.com/)、[PNPM](https://www.pnpm.cn/)、[Yarn](https://yarn.bootcss.com/)、[Node](http://nodejs.cn)等环境，并对此有一定了解!**

::: code-tabs#shell
@tab PNPM（推荐）

```bash:no-line-numbers
## 进入cmd命令行，直接克隆仓库
git clone https://github.com/mmdapl/408CSFamily.git

## 进入408CSFamily文件夹中
cd 408CSFamily

## tips: 如果本地已经clone过仓库，建议执行pull指令，获取最新
git pull

## 下载依赖包
pnpm install

## 执行dev指令，本地启动项目，打开http://localhost:4200即可访问文档
pnpm dev

```

@tab NPM

```bash:no-line-numbers
## 进入cmd命令行，直接克隆仓库
git clone https://github.com/mmdapl/408CSFamily.git

## 进入408CSFamily文件夹中
cd 408CSFamily

## tips: 如果本地已经clone过仓库，建议执行pull指令，获取最新
git pull

## 下载依赖包
npm install

## 执行dev指令，本地启动项目，打开http://localhost:4200即可访问文档
npm run dev

```

@tab YARN

```bash:no-line-numbers
## 进入cmd命令行，直接克隆仓库
git clone https://github.com/mmdapl/408CSFamily.git

## 进入408CSFamily文件夹中
cd 408CSFamily/

## tips: 如果本地已经clone过仓库，建议执行pull指令，获取最新
git pull

## 下载依赖包
yarn install

## 执行dev指令，本地启动项目，打开http://localhost:4200即可访问文档
yarn run dev

```
:::

查看项目启动日志并访问：[http://127.0.0.1:4200](http://localhost:4200)，开启学习之旅吧~


### 在线浏览

- 稳定版： <https://408.142vip.cn>


> 网站无法访问时，建议通过科学上网访问备用网络

- Github： <https://142vip.github.io/408CSFamily>
- Netlify： <https://408-family.netlify.app>
- Vercel： <https://408-family.vercel.app>




### 提交记录


### 赞赏列表


以下排名不分先后!  [传送门→]() **赞赏过的一定要微信跟我说呀！！！！！！**


<div>
  <a href="https://github.com/ChiefPing" target="_blank" style="margin: 5px">
    <img src="https://avatars2.githubusercontent.com/u/34122068?s=460&v=4" width="50px" style="brder-radius:5px;"/>
  </a> 
   <a href="https://github.com/xiaoliuxin" target="_blank" style="margin: 5px">
    <img src="https://avatars2.githubusercontent.com/u/60652527?s=460&v=4"  style="border-radius:5px;"  width="50px"/>
  </a>
</div>



### 赞助商

**以下排名不分先后! 还木有收到赞助，哈哈哈，先留坑**


### 贡献

感谢向仓库提交mr的所有开发者

[![contributors](https://contrib.rocks/image?repo=142vip/408CSFamily)](https://github.com/142vip/408CSFamily/graphs/contributors)

### 趋势

<div style="text-align: center" align="center">
<img alt="Star History" src="https://api.star-history.com/svg?repos=142vip/408CSFamily&type=Date" >
</div>



### 联系作者

若系列文章对你有所帮助，欢迎订阅公众号或微信”骚扰“，获取更多内容。**商务合作请备注来意**

<div style="text-align: center">
    <div  align="center" >
        <table style="border:none;cell-padding:0; cell-spacing:0;border-collapse:collapse;" border="0">
            <img src="https://cdn.statically.io/gh/142vip/cdn_service@main/media/fairy-sister-450x450.jpg" 
                width="250px"
                style="margin:10px"
                title="欢迎关注公众号:Rong姐姐好可爱" alt="关注公众号"/>
            <img src="https://cdn.statically.io/gh/142vip/cdn_service@main/media/chu-fan-443-650x650.jpg"
                width="250px"
                style="margin:10px"
                title="欢迎添加微信：chufan443 " alt="联系作者"/>
        </table>
    </div>
    <div  style="text-align: center;padding: 10px" align="center">
        <a
          href="https://github.com/mmdapl"
          rel="nofollow noreferrer"
          target="_blank"
          title="点击跳转Github主页"
        >
          <img src="https://cdn.statically.io/gh/142vip/cdn_service@main/main-vip/svg/github.svg"
            style="margin: 5px;width: 24px;height: 24px;">
        </a>
        <a
          href="https://gitee.com/Mmdapl"
          rel="nofollow noreferrer"
          target="_blank"
          title="点击跳转码云主页"
        >
          <img src="https://cdn.statically.io/gh/142vip/cdn_service@main/main-vip/svg/gitee.svg"
            style="margin: 5px;width: 24px;height: 24px;">
        </a>
        <a
          href="https://juejin.im/user/448256476724807"
          rel="nofollow noreferrer"
          target="_blank"
          title="点击跳转掘金主页"
        >
          <img src="https://cdn.statically.io/gh/142vip/cdn_service@main/main-vip/svg/juejin.svg"
            style="margin: 5px;width: 24px;height: 24px;">
        </a>
        <a
          href="https://space.bilibili.com/350937042"
          rel="nofollow noreferrer"
          target="_blank"
          title="点击跳转B站主页"
        >
          <img src="https://cdn.statically.io/gh/142vip/cdn_service@main/main-vip/svg/bilibili.svg"
            style="margin: 5px;width: 24px;height: 24px;">
        </a>
        <a
          href="https://blog.csdn.net/Mmdapl"
          rel="nofollow noreferrer"
          target="_blank"
          title="点击跳转CSDN博客主页"
        >
          <img src="https://cdn.statically.io/gh/142vip/cdn_service@main/main-vip/svg/csdn.svg"
            title="点击跳转CSDN博客主页"
            style="margin: 5px;width: 24px;height: 24px;">
        </a>
    </div>
    <div align="center">
        <div id="">
             <a href="https://github.com/mmdapl" target="_blank">
              <img alt="作者: 储凡" src="https://img.shields.io/badge/Author-Chu·Fan-8A2BE2.svg?style=for-the-badge" style="text-align: center;">
             </a>
        </div>
        <div style="padding: 5px">
             <a href="https://app.netlify.com/sites/408-family/deploys" target="_blank" style="padding: 5px">
              <img alt="Netlify" src="https://api.netlify.com/api/v1/badges/75a7251a-f873-4aff-b387-6449ca241ef7/deploy-status">
             </a>
             <a href="https://vercel.com/142vip/408/deployments" target="_blank" style="padding: 5px">
              <img alt="Vercel" src="https://therealsujitk-vercel-badge.vercel.app/?app=408">
             </a>
        </div>
    </div>
</div>

交流/加群/互看朋友圈
当然：**聊天 /提问 /建议 /提需求** 可以在本公众号直接**私信**，后台可以看到，有时间即会回复，偶尔的延迟和疏漏还请小伙伴们谅解，蟹蟹。