react-项目搭建

React项目搭建教程

在文件夹当中创建项目目录,通过cmd打开进行项目初始化。

进入到cmd界面后,输入npx create-react-app '项目名' 进行项目初始化。使用该命令的前提是安装了Node.js,若有没安装Node的小伙伴可以先安装Node再进行操作。我们可以使用npx进行项目搭建,但是时间会比较慢。我们可以使用vite作为搭建工具,效率更高!

等待项目创建完(ps:时间可能会因为网络或其他原因创建时间长),我们可以看到react为我们提供了以下的操作命令~

大家目前肯定最想要让项目跑起来啦!此时我们可以cd '项目名',再npm start就可以进入启动项目啦!

看到浏览器这个画面就说明启动成功啦!接下来我们就可以根据自己的业务和样式需求敲代码咯! 下一节我们将讲解react相关概念和JSX~

相关推荐
屏什么录2 小时前
电脑如何录屏幕视频和声音?从工具到代码,7 种方案帮你彻底搞定
前端·音视频开发
用户360055579003 小时前
Kestrel_VLLM_CUDA -09 · full-GPU decode:单 token 全设备
前端
kyriewen3 小时前
我上手了 Vite+ 1.0:Node 不用自己装,lint 却翻车了
前端·javascript·程序员
松就是我902983 小时前
你的 PPT 不缺内容,缺一个讲它的人
前端
松就是我902983 小时前
别再熬夜做 PPT 了!输入一个主题,AI 帮你把整套幻灯片做好,还能随便改字
前端
吴凡wudianmei3 小时前
每调一次模型都花钱?如何用工程手段把调用压到最少?
前端·后端·架构
李元_霸3 小时前
基于 AI 的 Web 与 App 端到端测试实践
前端·人工智能
欣欣之王来了3 小时前
Vue3项目脚手架:Vite vs Vue CLI怎么选?
前端·学习·架构·项目·vue3教程
用户2788607285673 小时前
别把 tool.completed 当成业务成功:AI 工具权限审计的四层事件链
前端
陆柒1453 小时前
跟着 Webpack 配置学习前端工程化
前端