1. 准备工作

1.1 安装React

打开终端,输入

npm i -g create-react-app

该指令安装了create-react-app命令

恭喜你迈出了历史性的第一步

1.2 安装VSCode的插件

  • Simple React Snippets
    该插件为React中一些常用输入提供了强大的自动补全,强烈推荐安装。

2. 创建React项目

VSCode中按Ctrl + `键打开终端,输入:

create-react-app my-app

即可创建一个名为my-appReact项目

2.1 安装bootstrap库 【选装】

npm i bootstrap

2.1.1 bootstrap的引入方式

import 'bootstrap/dist/css/bootstrap.css';

3. 启动项目

cd进入项目根目录,输入:

npm start

看到如下页面说明启动成功

启动成功