利用React脚手架快速构建项目，并对项目的文件进行详细说明（包括目录文件的功能和作用）

阅读量：

前言

本文将指导读者通过脚手架工具创建React项目，并对新建项目中目录下的各个文件进行解析，以明确其功能与作用。接下来我们一同了解相关内容。

1.通过yarn在本地环境中部署create-react-app工具：

复制代码

    npm i -g yarn #全局安装yarn
    yarn -v #查看yarn版本号

如何在本地通过npx工具安装所需的软件包

复制代码

    yarn init -y #初始化项目
    yarn add -D create-react-app #使用本地安装
    npx create-react-app --version #查看脚手架版本

npx会自动检索当前依赖包中是否存在可执行文件，若未能找到，将转向环境变量进行查找，若仍然无法找到，则会协助完成安装操作。

复制代码

    npx create-react-app react-demo1

在此处，我们并未选择对create-react-app进行全局安装，而是通过npx命令即可直接调用执行。

还没有任何评论哟~