react18+antd5从0到1的后台管理系统(一)

Vite搭建React项目教程:从零开始避坑指南
本文详细介绍了如何使用Vite创建并配置React项目,包括环境安装、项目创建、目录结构解析、环境变量配置、alias别名设置以及Antdesign的安装和使用。适合前端开发初学者,旨在帮助开发者快速上手并少走弯路。

搭建这个项目,完全是自我踩坑趟过来的,并且基于我的开发经验,让大家快速入门上手前端项目开发,并少走弯路。教程适合初学者,若有问题欢迎大佬及时提出!

在此声明:我是使用的vite搭建的项目,脚手架的不清楚

环境安装:

  1. node安装
  2. vite安装

一、基础安装

1.node环境安装

node.js是一个JavaScript运行环境,已经集成了npm包管理工具。npm主要用于管理node包的安装、更新、卸载等。

官方下载地址:

下载 | Node.js 中文网

安装教程网上搜索一大堆,我就不再阐述了

2.vite安装

vite被称为下一代的前端工具链,无论vue还是react我个人也比较喜欢使用vite,构建、打包速度都是很快,而且文档也比较详细。

vite文档地址:vite文档

至于安装教程还是直接度娘吧,我就不赘述了,下面开始正文。

二、创建react项目

1. vite创建项目命令

yarn crate vite
// 或者
npm create vite@latest

注意:需先安装vite才不会报错

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值