一、环境初始化

1.使用脚手架创建项目

打开想要建立项目的区域 cmd 执行（react-basic是你想要取的项目名）

npx create-react-app react-basic

2.启动项目

npm start

二、项目目录调整

src目录下是我们写代码进行项目开发的目录 package.json中两个核心库

//React: 框架的核心包

//ReactDOM: 专门做渲染相关的包

项目src目录下仅保留这三个文件即可，其他都可以删除

创建index.js作为入口文件即可

//React: 框架的核心包
//ReactDOM: 专门做渲染相关的包
import React from 'react';
import ReactDOM from 'react-dom/client';
//应用的全局样式文件
import './index.css';
//引入跟组件
import App from './App';

//渲染跟组件App 到一个id为root的dom节点上
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  //严格模式需要去掉
  //useEffect的执行时机
  <App />
);

react入门

一、环境初始化

二、项目目录调整