创建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
全局中部横幅
快手

快手是一款国民级短视频App。在快手,了解真实的世界,认识有趣的人,也可以记录真实而有趣的自己。快手,拥抱每一种生活。

陌溪的学习笔记

一个专注于技术分享的笔记平台

开发者导航

程序员一站式导航平台,汇集AI工具、前端、后端、Python、Java等1000+优质开发工具

西瓜数据

西瓜数据提供新媒体流量监测及精准营销服务,以数据为依托,为品牌主营销洞察提供支持,提高投放效率,降低投放成本,助力品牌实现营销新目标。

Lingoes

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

长江网

长江网(www.cjn.cn)成立于2002年8月,是国家重点地方新闻网,是武汉市唯一拥有国家Ⅰ类资质的新闻网,是武汉市唯一上榜《互联网新闻信息稿源单位名单》(白名单)的网站,拥有《互联网新闻信息服务许可证》、《网络文化经营许可证》、《互联网出版许可证》、《信息网络传播视听节目许可证》、《广播电影电视节目制作经营许可证》、《增值电信业务经营许可证》、《短消息类服务接入代码使用证书(电信网码号资源)》等权威资质。作为互联网舆论主阵地,目前,长江网全媒体矩阵包括:长江网(小程序、APP、PC端、WAP端)、长江时评;长江网人民号、新华号,长江网微信、微博、抖音号、头条号、视频号、B站等。同时,承担“学习强国”武汉学习平台、“武汉发布”平台、武汉市级新闻发布会、武汉城市留言板、武汉企业直通车、武汉市网络人士实践创新基地、“武汉人大”微信公众号、“武汉组工”微信公众号等党政平台运维工作。长江日报报业集团依托长江网成立武汉都市圈新闻中心,助力武汉发挥“一主引领”作用,为推进都市圈同城化发展提供强大舆论支持。

东方网

东方网,上海,新闻,政务,视频,图片,突发,原创,独家,现场,报道,博客,微博,交友,评论,访谈,长三角,财经,体育,娱乐,社会,军事,论坛,聊天,短信,世博

IONOS

Hostingandcloudsolutionsforallbusinesses.PartnerwithIONOSforintuitiveproducts,expertguidance,andscalableinfrastructure.

候鸟号

候鸟号致力于做一个正经的财经资讯平台,证券、期货、基金等栏目专业分析讲解,帮助您成为一个优秀的财经爱好者。

老四收录

老四收录网(www.aaaua.com)致力于为用户提供最新、最全面的网站收录服务,让您的网站在网络中脱颖而出,提升可见性和访问量。