DEV Community
·
创建 React JS 项目
内容提要
首先，确保安装 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 创建生产版本。
延伸问答
如何检查 Node.js 和 npm 是否安装？
可以通过命令 `node -v` 检查 Node.js 版本，使用 `npm -v` 检查 npm 版本。
如何使用 Create React App 创建新的 React 项目？
运行命令 `npx create-react-app my-app` 来创建新的 React 项目。
启动开发服务器后，如何查看我的 React 应用？
运行 `npm start`，浏览器会自动打开 http://localhost:3000 显示应用。
我可以在哪里编辑我的 React 应用？
可以在 `src` 文件夹内编辑项目文件，主要文件是 `src/App.js`。
如何为生产环境构建我的 React 应用？
运行命令 `npm run build` 来创建生产版本的应用。
创建 React 项目之前需要做哪些准备？
确保安装 Node.js 和 npm，并检查它们的版本。
