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

相关推荐
hj5914_前端新手6 小时前
React基础 - React.memo,useCallback,useMemo,详解
前端·react.js
柯南二号6 小时前
【大前端】React useEffect 详解:从入门到进阶
前端·react.js·前端框架
Spider_Man9 小时前
闭包危机:你的状态还活着吗?👻
前端·javascript·react.js
子兮曰9 小时前
10个你不知道的React高级技巧,让你的开发效率翻倍!
react.js
孟陬10 小时前
HTMLRewriter 在测试中的妙用 - Bun 单元测试系列
react.js·preact·bun
江城开朗的豌豆10 小时前
React组件三剑客:高阶/受控/非受控组件的奇妙世界
前端·javascript·react.js
江城开朗的豌豆10 小时前
解密React核心:手把手带你造一个Provider和connect
前端·javascript·react.js
江城开朗的豌豆10 小时前
React与Redux的协作密码:原来状态管理可以这么丝滑!
前端·javascript·react.js
Tony Peakman11 小时前
dagger.js 实现「CSS 机械键盘」示例解读(对比 React 版本)
javascript·css·react.js·前端框架
天天进步20151 天前
从零到一:现代化充电桩App的React前端参考
前端·react.js·前端框架