React-19:初始化React脚手架

简介: React-19:初始化React脚手架

安装流程

  1. npm i -g create-react-app
  2. create-react-app react_staging (名字可以自己起)
  3. npm start (开启项目)

使用React脚手架实现Hello组件

public下的index.html

  • 这个文件主要是一个id为root的容器,用来存放React渲染的组件

image.png

入口文件index.js

  • 这个文件是一个入口文件,这个文件主要负责,引入React核心库,React-dom库,以及引入App.js文件
  • App.js是所有组件的外壳。
  • 在index.js文件下可以直接通过DOM操作public下的index.html文件,因为底层React已经帮我们实现。

image.png

外壳文件App.js

image.png

相关文章
|
7月前
|
前端开发
React-脚手架
React-脚手架
51 0
|
6天前
|
前端开发 JavaScript 开发者
React 项目用过什么脚手架(本题是开放性题目)
React 项目用过什么脚手架(本题是开放性题目)
15 0
|
6天前
|
缓存 前端开发 JavaScript
第二十八章 React脚手架配置代理
第二十八章 React脚手架配置代理
|
6天前
|
前端开发 测试技术 程序员
第十五章 react脚手架
第十五章 react脚手架
|
10月前
|
缓存 JavaScript 前端开发
Windows7压缩包安装node.js 报错提示windows Server 2012 R2 和安装React脚手架 最详细教程
对于Windows 7安装node.js 提示“This application is only supported on wWindows 8.1,windows Server 2012 R2, or higher.”类似这种情况的,该问题是因为node.js官方在 x12版本后就不支持win7系统了。
|
7月前
|
前端开发 应用服务中间件 nginx
简单几步,将React项目脚手架Webpack换成Vite⚡⚡,附带性能比较和思考
简单几步,将React项目脚手架Webpack换成Vite⚡⚡,附带性能比较和思考
|
8月前
|
缓存 前端开发 JavaScript
React | React脚手架解析
React | React脚手架解析
|
11月前
|
缓存 JavaScript 前端开发
|
9月前
|
前端开发
前端学习笔记202305学习笔记第二十九天-React keep alive原理之2
前端学习笔记202305学习笔记第二十九天-React keep alive原理之2
42 0
|
9月前
|
前端开发
前端学习笔记202306学习笔记第四十八天-react-admin marmelab之8
前端学习笔记202306学习笔记第四十八天-react-admin marmelab之7
30 0

热门文章

最新文章