实战 React 之从零开始搭建一个 React 项目

一、核心步骤

1. 使用 npm install create-react-app 命令安装初始化工具；

2. 使用 create-react-app myapp 命令安装React 官方脚手架。

二、详细步骤

1. 新建一个文件夹 react；

2. 按住shift，右键选择“在此处打开 PowerShell 窗口”（也可以通过 win+R 命令一层层进入到该目录下，或者直接用编辑器打开文件夹）；

3. 输入命令 npm install create-react-app; 

4. 继续输入命令 create-react-app myapp;其中 myapp 是项目名称，可按自己项目情况取；

5. 加载完成之后，执行 cd myapp 进入到 myapp 目录下；（注意一定要先进入到 myapp 目录下)；

6. 执行 npm start 就可以打开脚手架页面了，打开的页面如下所示。