使用Vite构建React项目

204 阅读1分钟

一、检测vite版本 Vite依赖于node 1701493641268.jpg

二、初始化vite项目

执行命令行 npm init vite ,输入y:

1701493647288.jpg

输入项目名称(vite-project 为默认名称):

1701494051873.jpg

选择项目架构:

1701494055766.jpg

选择 1701494062876.jpg

项目创建成功,进入项目根目录,执行 npm install 和 npm run dev 即可运行项目

1701494067508.jpg

浏览器显示为:

1701495152699.jpg 三、在package.json中项目启动配置和依赖配置

项目启动配置

--host 表示显示目标地址

--port 3002 修改端口号为3002,默认为3000

--open 表示默认直接运行

添加常用的依赖配置:Antd、axios、redux、router、

1701494905440.jpg