当前位置: 首页 > 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 有很多启动方式,适合不同的国家

http://www.dtcms.com/a/257475.html

相关文章:

  • 本地部署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指南】文件管理高级操作(复制、移动、查找)
  • 基于ComfyUI与Wan2.1模型的本地化视频生成环境搭建指南
  • 音视频全链路开发实践:基于SmartMediakit的架构设计与应用实战
  • vivado使用非自带的第三方编辑器
  • js逻辑:【增量更新机制】
  • 如何在 Vue 应用中嵌入 ONLYOFFICE 编辑器
  • 设计模式-三大工厂
  • 深入理解JavaScript设计模式之迭代器模式
  • STM32 串口通信②:蓝牙模块HC-05控制单片机
  • LSTM、GRU 与 Transformer网络模型参数计算
  • 1931. 用三种不同颜色为网格涂色