react-项目搭建

React项目搭建教程

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

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

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

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

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

相关推荐
郝开12 分钟前
7. React组件基础样式控制:行内样式,class类名控制
react.js
开水好喝36 分钟前
Code Coverage Part I
前端
DoraBigHead1 小时前
🧭 React 理念:让时间屈服于 UI —— 从同步到可中断的演化之路
前端·javascript·面试
敢敢J的憨憨L1 小时前
GPTL(General Purpose Timing Library)使用教程
java·服务器·前端·c++·轻量级计时工具库
喝拿铁写前端2 小时前
Vue 组件通信的两种世界观:`.sync` 与普通 `props` 到底有什么不同?
前端·vue.js·前端框架
美酒没故事°2 小时前
npm源管理器:nrm
前端·npm·npm源
用户22152044278002 小时前
vue3组件间的通讯方式
前端·vue.js
三十_A2 小时前
【实录】使用 patch-package 修复第三方 npm 包中的 Bug
前端·npm·bug
下位子2 小时前
『AI 编程』用 Claude Code 从零到一开发全栈减脂追踪应用
前端·ai编程·claude
tyro曹仓舒2 小时前
Vue单文件组件到底需不需要写name
前端·vue.js