如何用vite构建工具搭建react项目

之前都是用wabpack构建项目,在面试的过程中发现有部分公司会用到vite构建项目,所以这次创建react项目中直接使用vite

一: 创建项目ract-item

javascript 复制代码
npm create vite 项目名

二:选择框架

三:选择JS/TS

这块我选择的是TypeScript开发

四:项目创建完成

五:配置Ant Design样式库

一个React项目就简单搭建完成了,接下来让我们进入愉快的React之旅吧

相关推荐
卡布鲁5 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
用户298698530145 天前
在 React 中用 JavaScript 将 Word 转换为文本
前端·javascript·react.js
狗狗狗狗狗乐啊6 天前
搭一个 AI 对话工作台 AChat:从 0 到可用的完整记录(一)
python·react.js·ai编程
晓得迷路了6 天前
栗子前端技术周刊第 147 期 - React Router 8.4、Vite 云服务攻击、pnpm 12.4...
前端·javascript·react.js
神秘的猪头7 天前
React 脱围机制(二):重新理解 useEffect——它不是生命周期,而是同步外部系统
react.js
卡布鲁7 天前
React useMemo 与 useCallback 完全指南:原理、场景与避坑
前端·react.js
右耳朵猫AI7 天前
Web前端周刊2026W38 | React 19.3 发布、StyleX 深潜、jsdom 30.1 提速
前端·javascript·react.js·typescript·node.js
溪语流沙7 天前
Django + Vue电商项目第001讲:开篇|注册登录加增删改查,那不是电商
redis·python·mysql·docker·typescript·django·vue
掰头战士8 天前
多重影分身!恨不得把一个agent掰成两个? 还真能干!
typescript·llm·agent
shmily麻瓜小菜鸡8 天前
TDD(测试驱动开发)详解
开发语言·javascript·typescript·node.js·ecmascript