react 新手入门指南,常用命令
React 是一个用于构建用户界面的 JavaScript 库,它通过组件化的方式构建应用程序的 UI,适用于构建单页应用(SPA)。以下是一个详细的 React 新手入门指南,包括常用命令和基本概念。
1. 环境准备
在开始之前,确保你已经安装了 Node.js 和 npm。可以通过以下命令检查版本:
node -v
npm -v
如果没有安装,请前往 Node.js官网 下载并安装。
2. 创建 React 项目
你可以使用 React 官方提供的 create-react-app
工具来快速创建一个 React 项目。打开终端并运行以下命令:
npx create-react-app my-app
这会创建一个名为 my-app
的 React 项目,并自动安装所需的依赖。
3. 进入项目目录并启动开发服务器
创建好项目后,进入项目文件夹:
cd my-app
然后,启动 React 开发服务器:
npm start
此命令会启动一个本地开发服务器,通常会在 http://localhost:3000
上运行。你可以在浏览器中访问它,查看应用的效果。
4. 项目结构
React 项目通常具有以下结构:
my-app/
├── node_modules/ # 存放