创建React项目的三个方式小结_React

创建一个React项目非常简单,通常有几种方法可以进行,下面是最常见的几种方法:

create-react-app 是一个官方的脚手架工具,用于快速创建 React 项目。它会为你配置好很多常用的开发工具和预设。

安装 Node.js 和 npm (如果你还没有安装的话):

React 需要 Node.js 和 npm,安装方式请参考 ,安装完毕后可以在终端运行 node -vnpm -v 来检查是否安装成功。

使用 create-react-app 创建项目: 打开终端或命令提示符,执行以下命令:

npx create-react-app my-app

这会创建一个名为 my-app 的 React 项目。npx 是一个工具,可以自动下载并运行 create-react-app,无需全局安装。

npm start

此时,浏览器会自动打开 http://localhost:3000,你就可以看到一个默认的 React 应用。

Vite 是一个现代化的构建工具,启动速度快,适合用来开发 React 应用。

安装 Vite: 首先,确保你已经安装了 Node.js,然后在终端中运行:

npm run dev

访问 http://localhost:5173,就能看到你的 React 项目了。

如果用WebStorm创建的话,可以按照如下所示操作:

进入后点击运行npm install,然后可以运行这个按钮"dev" : “vite”

点击进入下面这个链接

能看到下面这个界面就算成功了

如果你需要构建一个支持服务端渲染(SSR)或静态站点生成(SSG)的 React 应用,可以使用 。

npm run dev

访问 http://localhost:3000,你就能看到 Next.js 默认页面。

你可以根据项目需求选择合适的工具来创建 React 项目!

到此这篇关于创建React项目的三个方式小结的文章就介绍到这了,更多相关React创建项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!


本文地址: https://www.earthnavs.com/jishuwz/6803d691da34e8f48441.html
全局中部横幅
神烦网络验证平台

神烦,是一款云服务系统,有各类网络服务应用可以直接使用,能轻松开发自己的云应用,轻松实现多种网络服务,支持文件存储、直链下载,网络数据库、ERP应用;SDK中提供COM、DLL、以及多语言接入实例,甚至是GET、POST接口,可与任意开发语言通讯

好看创作平台

好看视频创作中心是好看视频作者在电脑端发布并管理作品的平台,在这里,创作者可以便捷地发布电脑上的作品,同时还有内容管理、本地上传精美封面等功能。

邮箱登录

邮箱登录-次幂数据

国家数据

该站点未添加描述description...

Ghepler帮助中心

Thisisabrowserpluginfordevelopers,cross-borderworkers,andresearchinstitutestosecureandspeedInternetsurfing.

有益网络

有益网络(www.150cn.com)是基于云计算的互联网产品提供商,专业提供域名注册、虚拟主机、云服务器、VPS主机、挂机宝、动态vps等产品和服务,配备超6星的客服技术服务团队。

合肥氩气

合肥普诺邦低温技术有限公司是一家致力于低温管道设计、研发、安装、维修及技术服务、氦气、液氮、液氩、液氦、液氧、高纯氮气、高纯氩气、高纯氧气、高纯二氧化碳、丙烷、混合气及各种高纯气体、稀有气体及各种多元混合气体生产的标准化公司

素材中国www.sccnn.com

素材中国,素材CNN_免费素材共享平台.图片素材图库提供海量素材,图片下载,设计素材,PSD源文件,矢量图,AI,CDR,EPS等高清图片下载

导航目录

导航目录优秀网站分类目录,分享你的网站价值,提供中文网站提交,网站收录,网址大全,目录检索,网站关键字搜索功能,导航目录欢迎您登录提交网站

2D导航网

2D导航网,专注于提供高效的网址导航和自动收录服务,轻松获取自然流量和高质量外链的最佳选择!加入我们,畅享自动秒收录服务!