创建 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 创建生产版本。
➡️