Mac 搭建React脚手架环境create-react-app

859 阅读1分钟

一共有两种方式可以创建,一种是全局的,一种是临时的,针对项目的.

一.全局方式

   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就是你应用的名字

创建成功过后,就是下面的样子. WechatIMG110.jpeg

三.解释

这个过程为什么慢,因为这个过程实际会安装三个东西

1.react:react的顶级库.

2.react-dom:因为react有很多的运行环境,比如app端的react-native,我们要在web上运行就使用react-dom.

3.react-scripts:包含运行和打包应用程序的所有脚本配置.

就这样,我们按照终端中的提示,cd到该目录下,运行npm start命令就可以将项目跑起来了.