创建 React JS 项目

💡 原文英文,约300词,阅读约需1分钟。
📝

内容提要

首先,确保安装 Node.js 和 npm。使用 Create React App 创建 React 项目:运行 `npx create-react-app my-app`,然后进入项目目录。使用 `npm start` 启动开发服务器,浏览器会打开 http://localhost:3000。编辑 `src/App.js` 文件。准备部署时,运行 `npm run build` 生成生产版本。

🎯

关键要点

  • 确保安装 Node.js 和 npm。
  • 检查 Node.js 版本:node -v。
  • 检查 npm 版本:npm -v。
  • 使用 Create React App 创建新的 React 项目:运行 npm install -g create-react-app(可选)。
  • 运行 npx create-react-app my-app 创建项目。
  • 进入项目目录:cd my-app。
  • 启动开发服务器:运行 npm start,浏览器会打开 http://localhost:3000。
  • 编辑项目文件,主要文件为 src/App.js。
  • 准备部署时,运行 npm run build 创建生产版本。
➡️

继续阅读