当前位置: 首页 > news >正文

react+vite创建

要在本地初始化一个结合了React和Vite的项目,你可以遵循以下步骤:

1、安装Node.js:
确保你的机器上已安装了Node.js。如果未安装,请前往Node.js官网下载并安装。

2、使用终端或命令提示符:
打开你的终端(在macOS或Linux系统中)或命令提示符/PowerShell(在Windows系统中)。

3、创建新项目:
使用Vite提供的模板来创建一个新的React项目。运行以下命令:

npm create vite@latest my-react-app -- --template react

或者如果你使用yarn作为包管理器,则运行:

yarn create vite my-react-app --template react

这里的my-react-app是你想要创建的项目名称,你可以更改为任何你喜欢的名称。

4、进入项目目录:
创建完项目后,切换到项目目录中去:

cd my-react-app

5、安装依赖:
在项目文件夹内,安装项目依赖:

npm install

或使用yarn:

yarn install

6、启动开发服务器:
使用以下命令启动本地开发服务器:

npm run dev

或者如果你使用yarn:

yarn dev

访问应用:
默认情况下,Vite将会在本地的3000端口启动应用程序(如果该端口已被占用,Vite会尝试使用下一个可用端口)。在浏览器中打开 http://localhost:3000 查看你的React应用。

这样你就完成了使用Vite和React初始化项目的基础设置,现在你可以开始开发你的React应用了。

http://www.lryc.cn/news/366517.html

相关文章:

  • 软考 系统架构设计师系列知识点之杂项集萃(29)
  • [Qt开发]当我们在开发兼容高分辨率和高缩放比、高DPI屏幕的软件时,我们在谈论什么。
  • uniapp视频组件层级太高,解决方法使用subNvue原生子体窗口
  • java项目使用jsch下载ftp文件
  • 指针(初阶1)
  • MySQL实体类框架
  • 数据结构之初始泛型
  • 【网络编程开发】7.TCP可靠传输的原理
  • 视觉SLAM十四讲:从理论到实践(Chapter8:视觉里程计2)
  • C语言过度C++语法补充(面向对象之前语法)
  • 类和对象(二)(C++)
  • Chrome DevTools解密:成为前端调试大师的终极攻略
  • 【python】OpenCV—Cartoonify and Portray
  • 制作AI问答机器人:从0到1的完整指南
  • mysql 数据库datetime 类型,转换为DO里面的long类型后,只剩下年了,没有了月和日
  • 信息系统项目管理师0148:输出(9项目范围管理—9.3规划范围管理—9.3.3输出)
  • 解决 SQLyog 连接 MySQL 8 连不上和 SQLyog Trial 试用到期的问题
  • go语言内置预编译 //go:embed xxx 使用详解
  • 数据挖掘--挖掘频繁模式、关联和相关性:基本概念和方法
  • Locust:用Python编写可扩展的负载测试
  • 【Neo4j】Windows11使用Neo4j导入CSV数据可视化知识图谱
  • 探索智慧林业系统的总体架构与应用
  • 【JSP】如何在IDEA上部署JSP WEB开发项目
  • 用HTML实现拓扑面,动态4D圆环面,可手动调节,富有创新性的案例。(有源代码)
  • java调用GDAL及JTS实现生成泰森多边形(Voronoi图)的一种方法
  • Type-C音频转接器方案
  • linux 服务器上离线安装 node nvm
  • Web前端三大主流框架:React、Angular和Vue的比较与选择
  • C# MemoryCache 缓存应用
  • 【学习笔记】Linux前置准备