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

相关推荐
Bigger5 小时前
🚀 “踩坑日记”:shadcn + Vite 在 Monorepo 中配置报错
前端·react.js·vite
一只爱吃糖的小羊7 小时前
🕳️ React 避坑指南:"闭包陷阱"
react.js
wordbaby9 小时前
queries(查询)
前端·react.js
wordbaby9 小时前
important-defaults(重要的默认配置)
前端·react.js
余生H11 小时前
前端技术新闻(WTN-1):React.js & Next.js 爆出 CVSS 10.0 级严重漏洞,历史风险回顾与代码级深度分析
前端·javascript·react.js
古韵14 小时前
如何从Axios平滑迁移到Alova
vue.js·react.js·node.js
dorisrv14 小时前
React 状态管理:Zustand 快速上手指南
前端·react.js
前端老宋Running15 小时前
你的组件 API 为什么像个垃圾场?—— React 复合组件模式 (Compound Components) 实战教学
前端·react.js·架构
前端小臻15 小时前
react中的函数组件和类组件(快捷指令和区别)
前端·react.js·前端框架
用户81686947472515 小时前
beginWork 与 completeWork 的内部职责分工
前端·react.js