本文将探索如何创建一个文件上传组件。
本文的主要内容是翻译自 Create file upload component 这篇博文。本文将在该博文的基础上，加入自己的理解，罗列出开发过程中所用到的所有知识点。
最终，我希望可以开发出一款比博文中的例子功能更丰富，更易使用的自定义组件，并打包成npm包上传。
整个开发过程包括完整的前端和后端两部分，前端部分将使用Angluar5来实现文件上传组件的开发，后端部分将使用node来接收前端发送的文件并进行相应处理。本节的主要内容是：
- 创建项目
- 安装依赖
- 配置
首先，我们先来完成前端文件上传组件的开发。
- 执行下列命令，使用AngularCLI生成项目
ng new file-uploader
- 我们选择Angular Material UI库作为我们的UI组件，可以在这里查阅相关文档与教程。执行下列命令安装该组件。
npm install --save @angular/material @angular/cdk
- 某些Angular Material UI库内的组件要用到Angular animations module来实现动画，例如模态对话框的弹出效果等。执行下列命令来安装Angular animations module。
npm install --save @angular/animations
- 至此，开发文件上传组件的所有依赖包都已经安装完成。最后，为了能够使用Material提供的样式支持，我们需要引入Material的样式主题文件。这里，我们使用Material提供的主题即可。在项目的style.css文件中，添加下列代码。
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
配置到此结束，我将在后面的章节开始撸代码。
