其实,就是一条/两条命令的事呗,再不济就多写几条呗
废话不多说,创建TypeScript+React+Ant Design命令如下:
前置条件:事需要你的node >= 8.10 && npm >= 5.6,就可以直接使用npx create-react-app命令来创建项目。
npx create-react-app 项目名称 --template typescript cd 项目名称 npm install antd
注意:上面命令中px
并不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。
如果你是使用yarn这个包管理工具的话,命名如下:
yarn create react-app 项目名称 --template typescript cd 项目名称 yarn add antd
如果不想创建带有TypeScript的环境的话,那只要把上面代码中的第一行代码后面--template typescript
去掉就可以了,使用yarn的方式也是同样的操作流程。
项目环境都装好的情况下,接下来就是在项目中引入你刚才下载的antd的组件库,具体用法就是直接照抄对应的官方demo是最快的方式。