- Git
- Node: 开发环境使用
Node.js v14.16.0
,其他版本暂未测试 - pnpm: 包管理工具
- pnpm installation 查看文档安装
- Rush: 使用
npm install -g @microsoft/rush
或yarn global add @microsoft/rush
或pnpm add -g @microsoft/rush
安装 - TypeScript: 项目中使用 TypeScript 进行开发
- Visual Studio Code: 推荐使用的编辑器,仓库中有专门 VSCode 优化的配置,比如智能提示,测试等,详细配置查看 .vscode 文件夹
git clone https://github.com/XYShaoKang/video-http-server.git
# 安装依赖
rush install
# 构建源码
rush build
# 运行测试
rush test
cd apps/front-end
进入前端项目文件夹
rushx dev
运行开发模式,开发模式会使用 video-http-server 启动一个服务,以./static
(既apps/front-end/static
)作为根目录,其中有个demo.mp4
作为演示用.
然后使用 Webpack 启动一个开发服务器,并使用proxy
将 API 代理到上面启动的服务,详细查看 development.mjs.
开发模式默认启用了Fast Refresh,也就是热加载.
cd apps/video-http-server
进入前端项目文件夹
rushx dev
运行开发模式,会将前端构建结果,也就是apps/front-end/dist/
下的文件复制到apps/video-http-server/public/
下作为命令行服务的前端,并使用ts-node-dev
启动服务,以../front-end/static
(既apps/front-end/static
)作为根目录.