一共有两种方式可以创建,一种是全局的,一种是临时的,针对项目的.
一.全局方式
npm install -g create-react-app
运行上面的命令,即可安装React的全局脚手架,注意 -g 就是全局的意思.
安装完毕即可创建一个项目,之后你每次创建就都可以使用下面的命令直接创建了.
create-react-app your-app-name
最后的your-app-name就是你命名的项目的名字,这个过程是比较慢的,大概十分钟左右,不需要翻墙.
这个命令也可以用于升级脚手架,每次运行它都会去拉新版本的脚手架.
二.临时的方式
如果不想使用全局,也可以使用npx的方式.运行如下命令:
npx create-react-app your-app-name
your-app-name就是你应用的名字
创建成功过后,就是下面的样子.
三.解释
这个过程为什么慢,因为这个过程实际会安装三个东西
1.react:react的顶级库.
2.react-dom:因为react有很多的运行环境,比如app端的react-native,我们要在web上运行就使用react-dom.
3.react-scripts:包含运行和打包应用程序的所有脚本配置.
就这样,我们按照终端中的提示,cd到该目录下,运行npm start命令就可以将项目跑起来了.