创建react项目

一、npx创建react项目

如果你想完全用 React 构建一个新的应用或网站，我们建议选择社区中流行的、由 React 驱动的框架。这些框架提供大多数应用和网站最终需要的功能，包括路由、数据获取和生成 HTML。

你需要安装 Node.js 用于本地开发。你也可以选择在生产环境中使用 Node.js，但你不一定要这样。许多 React 框架支持导出 HTML/CSS/JS 等静态文件。

Next.js 是一个全栈式的 React 框架。它用途广泛，可以让你创建任意规模的 React 应用——可以是静态博客，也可以是复杂的动态应用。要创建一个新的 Next.js 项目，请在你的终端运行：

新版本的react，创建项目，命令：

npx create-next-app@latest

创建好的项目，目录如下：

二、脚手架创建项目

1.安装脚手架

npm i -g create-react-app

2.创建项目

create-react-app 项目名

3.如果想让webpack的配置文件暴露出来，需要以下命令：

npm run eject

1. 终端命令：yarn eject的执行情况：
   会发生一些错误，因为之前我把代码给改了，所以在暴露之前我们先把代码提交到git历史区保留下来（这个操作是防止暴露后的代码覆盖了我们自己的代码）。
   注意：有这个错误提示的前提是（1）本地有git仓库。（2）代码在暴露之前有修改过代码。
2. 然后再输入命令：yarn eject执行后再输入y，在暴露当中它会帮我们安装所需的各种模块，文件夹中多了config和scripts这两个文件夹。
3. 注意：一但暴露出来就无法再还原回去。

4.安装路由

npm i --save react-router-dom