React之旅-02 创建项目

创建React项目,常用的方式有两种:

bash 复制代码
npx create-react-app my-app
  • 使用Vite包,官网:https://vite.dev/。如需创建项目,请运行如下命令:
bash 复制代码
npm create vite@latest

经过对比分析,使用Vite包更加便利。故强烈推荐使用此方式。

Vite创建项目步骤,输入创建命令后,根据提示一步一步完成,首先输入项目名称(react-vite-app),然后选择框架(React),最后选择语言(TypeScript),当然,你完全可以根据自己的喜好进行选择。如下图:

创建完成后,进入项目目录,执行命令:npm install 安装依赖包,安装成功后,运行:npm run dev,开启Web服务器,如下图:

在浏览器地址栏中输入:http://localhost:5173,就可以看到预览界面了

至此,使用Vite包创建React项目,操作成功。使用VS Code 查看具体的项目文件。如下图:

项目文件的结构及各文件的说明,可以自行搜索,并可根据实际需要,对项目文件进行增、删、改。

相关推荐
passer9815 分钟前
列表项切换时同步到可视区域
前端
FogLetter7 分钟前
移动端适配的终极奥义:从lib-flexible到postcss-pxtorem的全方位指南
前端·postcss
易元8 分钟前
设计模式-访问者模式
前端·后端·设计模式
兵临天下api8 分钟前
Elasticsearch 查询性能优化:从 3 秒到 300ms 的 6 个核心参数调优指南
前端
子林super16 分钟前
y1新建cluster集群redis
前端
liangdabiao18 分钟前
一篇文章尽快介绍入门级智能体Agent是什么回事, Starter AI Agents 项目 来自 awesome-llm-apps
前端·后端
Pedantic36 分钟前
swift 日期与时间的三个结构体
前端
南方kenny36 分钟前
Mock.js:前端开发的假数据神器
前端·javascript
芹丸子37 分钟前
vue cli 创建项目一直失败
前端
鹏程十八少41 分钟前
6.android Vivo手机 指纹解锁动画 (附源码)
前端