使用create-react-app 搭建一个项目,并引入antd

react

使用react-app" title="create-react-app">create-react-app 搭建一个项目,并引入antd

1、我已经安装了node和npm,查看版本用node -v和npm -v

2、安装脚手架npm install -g create-react-app

3、打开自己想放项目的路径,比如我想放进一个app里面,在路径上面输入cmd,回车

4、使用脚手架快速构建一个项目,在命令行输入create-react-app myproject,里面的myproject是自己取的项目名

5、项目构建成功后,打开项目文件夹,路径上cmd回车,命令行输入npm start

6、呃……版本兼容问题,根据提示,创建一个.env文件,并放入SKIP_PREFLIGHT_CHECK=true规避,为了方便编辑,这里用VSCode添加文件了,直接把生成的项目拖进VSCode


7、再跑一次npm start,成功了

8、接着安装引入并安装antd,yarn add antd 或者npm install antd --save

9、使用的时候引入组件,如引入按钮:import {Button} from ‘antd’,引入样式@import ‘~antd/dist/antd.css’;

官网使用教程:链接: https://ant.design/docs/react/use-with-create-react-app-cn.

以上是 使用create-react-app 搭建一个项目,并引入antd 的全部内容, 来源链接: utcz.com/z/384449.html

回到顶部