在你的 Deno 项目中使用 React

你有多种方式将 React 添加到你的项目。对于普通的 npm 用户来说，这个 install 命令可能最熟悉。

$ deno install npm:zod

其他将 React 添加到你的项目的方式

直接导入包

在 import 语句中使用 npm 前缀可以直接从 npm 导入包。*

了解更多关于内联导入语句的信息

main.ts

import {z} from 'npm:zod'

使用 Deno CLI

使用 deno add 或 deno install 将包添加到你的项目。*

了解更多关于使用 Deno CLI 添加包的信息

$ deno install npm:zod

使用导入映射

使用导入映射将 npm 包映射到本地导入。*

了解更多关于 Deno 中的导入映射的信息

deno.json

...
{
  "imports": {
    "zod": "npm:zod"
    ...
}

main.ts

import { z } from 'zod/v4';

轻松管理依赖版本

你知道 Deno 内置了依赖版本管理器吗？

无论你的包来自 npm 还是 JSR，Deno 都能帮助你管理它们并保持安装的版本是最新的。

使用 deno outdated 来跟踪和管理项目中的依赖版本。

$ deno outdated
┌───────────┬─────────┬────────┬────────┐
│ Package   │ Current │ Update │ Latest │
├───────────┼─────────┼────────┼────────┤
│ npm:react │ 18.2.0  │ 18.2.0 │ 19.1.0 │
├───────────┼─────────┼────────┼────────┤
│ npm:vite  │ 4.5.10  │ 4.5.11 │ 6.2.4  │
└───────────┴─────────┴────────┴────────┘

了解更多关于使用 Deno 更新依赖的信息