本篇文章将使用 create-react-app 快速构建 React 开发环境,创建基于 Webpack + ES6的项目,导入Avataaars包去设计属于自己的可爱头像。
GitHub源码地址:https://github.com/fangpenlin/avataaars
- 安装Node.js和npm
可参考:https://blog.csdn.net/cww468/article/details/122384339
- 安装Avataaars的组件包
npm install avataaars --save
- 安装使用 create-react-app 快速构建 React 开发环境
npm install -g create-react-app
- 自动构建React App项目
create-react-app my-app
- 打开App.js文件
cd /app/src #进入目录
vim App.js #打开文件
- 根据你的需求导入Avataaars组件包设计属于你的头像,以下代码是一个例子
#删除或修改原来App.js里的代码