logo

创建 React 项目(create-react-app)

  • Windows用户可以通过Command Prompt,Mac OS用户可以通过Terminal打开命令行界面。
  • 检查系统是否已安装Node.js通过执行node version,若未安装可从官网下载安装包。
  • Node.js安装同时会安装npm,它是Node.js的包管理工具。
  • 若要使用Yarn包管理工具,可以启用通过执行corepack enable
  • 创建React项目可以使用create-react-app命令行工具。
  • 推荐使用npx直接运行create-react-app确保使用最新版本。
  • 进入想保存项目的目录,使用npx create-react-app <项目名>创建项目。
  • React项目创建时会安装如React、ReactDOM和React Script等包。
  • 使用如VS Code编辑器打开项目,查看package.json了解项目依赖。
  • 公共资源放在public目录,源代码放在src目录,在其中创建组件和样式。