打开系统的命令行界面，Windows 用户可以使用 cmder，macOS 用户可以打开系统自带的终端。先确定一下在系统上已经安装好了 node.js，可以执行一下 node —version，安装了 node.js，执行这个命令会返回一个具体的版本号。如果你发现自己的系统里还没有安装 Node.js ，可以到它的官方网站下载安装包，然后把它安装在系统上。

安装了 node.js 以后，会顺带给我们安装了 npm 这个工具，也就是 Node.js 的包管理工具。

如果想使用 yarn，可以执行一下 corepack enable，这样就可以使用 yarn 这个包管理工具了。

创建一个 React 项目，可以使用 create-react-app 这个命令行工具，这个工具是一个 Node.js 包，如果在系统的全局范围安装一下这个包，就可以在任何地方使用这个命令行工具创建 React 项目了，不过现在官方推荐我们使用 npx 直接运行这个包，这样可以保证每次都会使用最新版本的工具。

创建项目

先进入到想要保存 React 项目的地方，比如进入到系统的桌面上，cd ~/desktop，然后输入 npx ，要运行的包的名字是 create-react-app，后面是要创建的项目的名字，比如 ninghao-react 。

如果提示是否要安装这个包，输入 y 再按下回车。这样就会执行 create-react-app，开始创建 react 项目了，这里提示正在安装的包，比如有 react，react-dom，还有 react-scripts 。

完成以后，可以进入到刚才创建的这个 react 项目所在的目录，cd ninghao-react，再使用一款代码编辑器打开这个项目的目录，这里我用的是 vscode 编辑器。

目录结构

先打开项目根目录下的这个 package.json 观察一下，dependencies 里面列出的是项目的一些依赖，你会发现有一些 @testing-library，也就是测试项目的时候用的一些东西。

另外还有 react，也就是react 框架的核心，如果要基于 react 创建 web 应用，还需要用到 react-dom 这个包，react-scripts，它里面有 create-react-app 这个工具需要的一些脚本还有配置。web-vitals 是监测 web 指标用的包。

public 这个目录里面是项目需要用的一些公开的资源，src 是项目的源代码，在开发项目的时候，我们会在这个目录里创建项目需要的组件还有样式这些东西。