当前位置: 首页 > news >正文

黑马React001

npm创建 react项目

安装node
创建项目目录
执行命令npx create-react-app react-basic

在这里插入图片描述
如果 webstorm 执行报错,需要在 websotrm配置node路径
以及重启电脑即可

package.json

depent: 依赖的包
scripts: 执行的命令

在这里插入图片描述

清理文件夹

只保留 index.js App.js

index.js

在这里插入图片描述

App.js

在这里插入图片描述

讲解

index.js是项目的入口与起点
react 与 react-dom/client 是react两个核心包

渲染

这个项目渲染的是index.html,index.html在 public 目录 里面

启动方式

zh-hans.react.dev 有很多启动方式,适合不同的国家

相关文章:

  • 本地部署MoneyPrinterTurbo并配置远程访问实战
  • 为WordPress 网站创建一个纯文本网站地图(Sitemap)
  • 【RK3568 嵌入式linux QT开发笔记】 二维码开源库 libqrencode 交叉静态编译和使用
  • vue-22(理解组合式 API:setup、ref、reactive)
  • 3.2.1小节 扣子平台给智能体绑定插件
  • DeepSeek中的提示库及其用法示例
  • OSC靶机练习 PG ZenPhoto
  • Spring Boot + Logback MDC 深度解析:实现全链路日志追踪
  • [论文阅读] 人工智能 + 软件工程 | AI 驱动工具在软件质量保证中的革新:挑战与未来之路
  • Spring AI 项目实战(十二):Spring Boot +AI + DeepSeek + 百度OCR 公司发票智能处理系统的技术实践(附完整源码)
  • 爬虫中网络知识基础
  • 前端开发入门指南:掌握HTML基础
  • 安卓不同 View 组件间的数据通信
  • 容器技术入门与Docker环境部署指南
  • 提高WordPress网站加载速度和用户体验
  • 榕壹云无人售货机管理系统:开源架构赋能私有化部署,打造智能零售技术解决方案
  • 在大数据求职面试中如何回答分布式协调与数据挖掘问题
  • Spring Boot多数据源配置实战指南
  • 目标检测之YOLOv5到YOLOv11——从架构设计和损失函数的变化分析
  • 【Linux指南】文件管理高级操作(复制、移动、查找)
  • 有什么网站可以做浏览单/深圳百度seo公司
  • magento外贸网站建设/为什么不建议去外包公司上班
  • 老师做家教的网站/googleplay官网
  • 做哪个视频网站赚钱的/注册网址
  • 给人做阉割手术的网站/seo最新快速排名
  • 芜湖网站建设全包仅需800元/设计网站官网