在你的 Deno 项目中使用 react

有多种方法可以将 React 添加到你的项目中。对于普通的 npm 用户来说，此 install 命令可能感觉最熟悉。

$ deno install npm:react

将 react 添加到项目的其他方式

直接导入包

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

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

main.ts

import { useState } from 'npm:react'

使用 Deno CLI

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

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

$ deno install npm:react

使用导入映射

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

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

deno.json

...
{
  "imports": {
    "react": "npm:react"
    ...
}

main.ts

import { useState } from 'react';

轻松管理依赖版本

你知道 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 更新依赖的信息