react-项目搭建

React项目搭建教程

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

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

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

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

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

相关推荐
GalenWu3 小时前
对象转换为 JSON 字符串(或反向解析)
前端·javascript·微信小程序·json
GUIQU.3 小时前
【Vue】微前端架构与Vue(qiankun、Micro-App)
前端·vue.js·架构
zwjapple3 小时前
“ES7+ React/Redux/React-Native snippets“常用快捷前缀
javascript·react native·react.js
数据潜水员3 小时前
插槽、生命周期
前端·javascript·vue.js
2401_837088503 小时前
CSS vertical-align
前端·html
优雅永不过时·3 小时前
实现一个漂亮的Three.js 扫光地面 圆形贴图扫光
前端·javascript·智慧城市·three.js·贴图·shader
CodeCraft Studio4 小时前
报表控件stimulsoft教程:使用 JoinType 关系参数创建仪表盘
前端·ui
春天姐姐5 小时前
vue知识点总结 依赖注入 动态组件 异步加载
前端·javascript·vue.js
互联网搬砖老肖6 小时前
Web 架构之数据读写分离
前端·架构·web
钢铁男儿7 小时前
C# 方法(值参数和引用参数)
java·前端·c#