Ant Design of React 创建项目及运行环境

Ant Design of React 学习笔记(1)

创建项目及运行环境

本文使用 create-react-app 创建一个 TypeScript 项目,并引入 antd。

1.命令行cd到对应的目录,这里是npm下回车运行,其他如pnpm yarn参考官网

npx create-react-app antd-demo --template typescript

antd-demo就是项目名称,可以自己随意起

2.进入项目并运行 cd到项目下运行 npm run start

cd antd-demo

npm run start

此时浏览器会访问 http://localhost:3000/ ,看到 Welcome to React 的界面就算成功了。

3.安装Ant design

npm install antd --save

回传运行安装完成

在package.json 文件下会看到antd 相关信息,如果要使用sass或者less预编样式、axios数据请求这些按需npm安装即可。
react-router-dom这个是路由,后面要用到路由跳转,项目目录下运行

npm install react-router-dom

相关推荐
空中海11 小时前
01 React Native 基础、核心组件与布局体系
javascript·react native·react.js
空中海11 小时前
05 React架构设计、项目实践与专家清单
前端·react.js·前端框架
空中海14 小时前
04 工程化、质量体系与 React 生态
前端·ubuntu·react.js
空中海14 小时前
03 性能、动画与 React Native 新架构
react native·react.js·架构
空中海16 小时前
02 React Native状态、导航、数据流与设备能力
javascript·react native·react.js
空中海17 小时前
04 React Native工程化、质量、发布与生态选型
javascript·react native·react.js
郑生zs19 小时前
Hooks-useEffect
react.js
光影少年19 小时前
react函数组件、类组件、纯组件、受控/非受控组件
前端·react.js·掘金·金石计划
空中海20 小时前
05 React Native架构设计、主线项目与专家实践
javascript·react native·react.js
killerbasd1 天前
还是迷茫 5.3
前端·react.js·前端框架