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

相关推荐
ZaneAI8 小时前
🚀 Vercel AI SDK 使用指南:模型设置 (Settings)
react.js·agent
ZaneAI9 小时前
🚀 Vercel AI SDK 使用指南: 提示词工程 (Prompt Engineering)
react.js·agent
yma1611 小时前
前端react模拟内存溢出——chrome devtool查找未释放内存
前端·chrome·react.js
UIUV12 小时前
实现RAG功能学习笔记
react.js·langchain·nestjs
Jing_Rainbow12 小时前
【React-11/Lesson95(2026-01-04)】React 闭包陷阱详解🎯
前端·javascript·react.js
小小前端--可笑可笑1 天前
Vue / React 单页应用刷新 /login 无法访问问题分析
运维·前端·javascript·vue.js·nginx·react.js
NEXT061 天前
React 闭包陷阱深度解析:从词法作用域到快照渲染
前端·react.js·面试
NEXT061 天前
useMemo 与 useCallback 的原理与最佳实践
前端·javascript·react.js
小爱丨同学1 天前
React-Context用法汇总 +注意点
前端·javascript·react.js