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

相关推荐
goldenocean3 小时前
React之旅-05 List Key
前端·javascript·react.js
杨进军5 小时前
React 实现节点删除
前端·react.js·前端框架
爱编程的喵6 小时前
React useContext 深度解析:告别组件间通信的噩梦
前端·react.js
赫本的猫7 小时前
告别生命周期!用Hooks实现更优雅的React开发
前端·react.js·面试
赫本的猫7 小时前
React中的路由艺术:用react-router-dom实现无缝页面切换
前端·react.js·面试
光影少年7 小时前
React 组件中怎么做事件代理?它的原理是什么?
前端·react.js·掘金·金石计划
燃烧的土豆7 小时前
React 18 全局错误捕获 + React-router 6 动态权限路由
javascript·react.js·webpack
杨进军7 小时前
React 实现 useReducer
前端·react.js·前端框架
徐小夕7 小时前
开源了一款基于Nextjs实现的精美CRM系统, 卷王程序员狂喜!
前端·react.js·github