2、打造首个 React 应用:从入门到功能实现

打造首个 React 应用:从入门到功能实现

1. 创建项目

项目需通过命令行进行创建与管理。具体操作步骤如下:
1. 打开新的命令提示符。
2. 导航至合适的位置。
3. 运行以下命令来创建项目:

npx create-react-app todo

这里的 npx 命令是在之前安装 Node.js/NPM 包时一同安装的,用于运行 Node.js 包。 create-react-app 参数指示 npx 运行用于创建新 React 项目的 create-react-app 包。最后的参数 todo 即为要创建的项目名称。执行该命令后,项目将被创建,同时开发和运行 React 项目所需的所有包都会被下载并安装。由于要下载的包数量众多,这个设置过程可能会花费一些时间。

注意 :创建新项目时,可能会看到有关安全漏洞的警告。React 开发依赖大量的包,每个包又有其自身的依赖项,因此不可避免地会发现安全问题。为确保获得预期结果,要使用指定的包版本。对于自己的项目,应查看警告信息,并更新到能解决问题的版本。

2. 理解项目结构

使用喜欢的编辑器打开 todo 文件夹,会看到如下项目结构:
| 名称 | 描述 |
| ---- | ---- |
| public/i

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值