使用脚手架去搭建一个React的项目开发环境

1. 安装脚手架

1
yarn create react-app [项目名称]

2. 进入项目目录

1
cd [项目名称]

3. 启动项目

1
yarn start

4. 打包项目

1
yarn build

本节主要是使用yarn去搭建React项目的开发环境
创建项目之后，尝试在项目中输出 hello word

和Vue一样,重要的东西都在src下面
去修改index.js文件中的内容

1
2
3
import React from 'react';
import ReactDOM from 'react-dom/client';
ReactDOM.createRoot(document.getElementById('root')).render(<h1>Hello <span>world</span></h1>);

然后把项目跑起来就可以了,效果如下图所示
hello world