本文讲解如何给使用 create-react-app 创建的项目添加 mocker 的功能,和设置添加 proxy 同服务端进行联调。 ###创建项目
使用官网方式创建项目。
1 | npx create-react-app my-app |
这个是模仿 ant design 的 Tabs 控件,当切换 tab 时,下面的蓝色条滑过的效果。
点击查看效果
我只是封装了 tab 的头部标签,并没有包含内容部分。
我的最终结果
在开发过程中,通用的功能我们通常会定义一些接口,但随着项目越做越大,时间越来越久,接口就越来越多,忘的就越来越多,沟通成本就越来越高,最后就会想到,当时把定义的接口及用法都写下就好了,巴拉巴拉一大堆后悔的话。
为了解决上述描述的问题,Swagger UI 应运而生。
Swagger UI 可以让我们把定义的接口以配置文件的方式编写,最后生成一个可视化较高的网站。
通常npm
包都有一个或多个可执行文件需要被安装到环境变量PATH
中。npm
可以轻松做到这一点。
如何做呢?只需要在package.json
文件中提供字段bin
即可。字段bin
是命令名对本地文件的一个映射。当安装的时候,npm
会把可执行文件链接进(symlink)
全局安装的prefix/bin
目录或者本地安装的./node_modules/.bin/
目录。官网对 bin 的讲解