【React】《React 学习手册 (第2版) 》笔记-Chapter1-初识 React

一、初识 React
  1. 在 package.json 文件中提供具体的版本信息,以便安装各个包的正确版本。

  2. 官方文档:https://zh-hans.react.dev/

  3. 建议安装 React 开发者工具,来辅助开发 React 项目。这些工具可通过扩展 Chrome 和 Firefox 中安装,可作为 Safari、IE 和 React Native 的独立应用程序使用。借助开发者工具可以审查 React 组件树、查看属性和状态详情,甚至还可以判断哪些线上网址使用的是 React。

  1. 使用 React 必须安装 Node。安装 Node.js 顺带就安装了 npm,即 Node 包管理器。

  2. 你见到的多数 JavaScript 项目中除了一系列文件之外还有一个 package.json 文件。这个文件用于描述项目自身及其依赖。在含有 package.json 文件的文件夹中执行 npm install 命令将安装项目中列出的所有包。

  3. 常用命令:

    复制代码
    // 初始化项目,创建 package.json 文件
    npm install -y
    
    // 安装包
    npm install package-name
    
    // 删除某个包
    npm remove package-name
  4. npm 的一个替代品是 Yarn。使用 npm 全局安装 Yarn:npm install -g yarn。

  5. 凡是含有 yarn.lock 文件的项目,使用的就是 Yarn。

相关推荐
不听话坏6 小时前
Ignition篇(下 一) 动态执行前的事情
开发语言·前端·javascript
likeyi076 小时前
require 和 import的区别
开发语言·前端
pany7 小时前
做 AI 友好的开源 Vue3 模板 🌈
前端·vue.js·ai编程
小二·7 小时前
React 19 + Next.js 15 现代前端开发实战:App Router / Server Components / 流式渲染
前端·javascript·react.js
谙忆10248 小时前
前端图片直传对象存储:OSS/S3 预签名 URL、STS 临时凭证与回调校验
前端
CHNE_TAO_EMSM9 小时前
Android studio 打开文件时自动下载源码
前端·javascript·android studio
一孤程10 小时前
Airtest自动化测试第五篇:小程序与Web测试——跨平台自动化全覆盖
前端·自动化测试·小程序·自动化·测试·airtest
IT_陈寒10 小时前
SpringBoot自动配置不是你以为的那样的智能
前端·人工智能·后端
yume_sibai11 小时前
大屏数据可视化 - 边框红绿呼吸灯实现详解
前端·信息可视化·typescript
竹林81811 小时前
从 ethers.js 迁移到 Viem:一个签名验证 Bug 让我彻底放弃旧爱
javascript