使用create-react-app 搭建一个项目,并引入antd
使用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