Skip to main content
On this page

Web 开发

Deno 提供了一个安全且友好的开发环境来构建 web 应用程序，让你的网页开发体验愉悦。

  1. Deno 拥有安全默认设置，这意味着它 需要明确的权限才能访问文件、网络和环境，降低了安全漏洞的风险。
  2. Deno 内置了TypeScript 支持， 允许你无需额外配置或工具即可书写 TypeScript 代码。
  3. Deno 附带了标准库， 包含了处理 HTTP 服务器、文件系统操作等常见任务的模块。

对于你的原生 TypeScript 或 JavaScript web 应用，你可以使用内置的 Deno HTTP 服务器。这是一种很好上手 Deno 并构建简单 web 应用的方式，无需任何额外依赖。

如果你构建的是更复杂的应用，极有可能会通过 web 框架与 Deno 进行交互。

React/Next Jump to heading

React 是一个流行的构建用户界面的 JavaScript 库。要在 Deno 中使用 React，你可以采用流行的 Web 框架 Next.js。

要在 Deno 中开始使用 Next.js，你可以创建一个新的 next 应用并立即运行它：

deno run -A npm:create-next-app@latest my-next-app
cd my-next-app
deno task dev

这将创建一个新的 Next.js 应用并使用 Deno 运行它。你可以打开浏览器访问 http://localhost:3000 以查看你的新应用，并开始编辑 page.tsx 以实时查看你的更改。

要更好地理解 JSX 和 Deno 在底层如何交互，可以阅读这里。

Fresh Jump to heading

Fresh 是 Deno 中最流行的 Web 框架。它采用默认不会向客户端发送任何 JavaScript 的模型。

要开始使用 Fresh 应用，你可以使用以下命令并按照 CLI 提示创建你的应用：

deno run -A -r https://fresh.deno.dev
cd my-fresh-app
deno task start

这将创建一个新的 Fresh 应用并使用 Deno 运行它。你可以打开浏览器访问 http://localhost:8000 以查看你的新应用。编辑 /routes/index.tsx 以实时查看你的更改。

Fresh 在服务器上执行大多数渲染，客户端仅负责重新渲染少量互动岛屿。这意味着开发者可以明确选择为特定组件启用客户端渲染。

Astro Jump to heading

Astro 是一个静态网站生成器，帮助开发者创建快速且轻量的网站。

要开始使用 Astro，你可以使用以下命令创建一个新的 Astro 网站：

deno run -A npm:create-astro my-astro-site
cd my-astro-site
deno task dev

这将创建一个新的 Astro 网站并使用 Deno 运行它。你可以打开浏览器访问 http://localhost:4321 以查看你的网站。编辑 /src/pages/index.astro 以实时查看你的更改。

Vite Jump to heading

Vite 是一款 Web 开发构建工具，通过原生 ES 模块提供代码，这些代码可以直接在浏览器中运行。Vite 是构建现代 Web 应用的绝佳选择，适合 Deno。

要开始使用 Vite，你可以使用以下命令创建一个新的 Vite 应用：

deno run -A npm:create-vite@latest
cd my-vite-app
deno install
deno task dev

Lume Jump to heading

Lume 是一个受 Jekyll 或 Eleventy 等其他静态网站生成器启发的静态网站生成器。

要开始使用 Lume，你可以使用以下命令创建一个新的 Lume 网站：

mkdir my-lume-site
cd my-lume-site
deno run -A https://lume.land/init.ts
deno task serve

Docusaurus Jump to heading

Docusaurus 是一个针对技术文档网站优化的静态网站生成器。

要开始使用 Docusaurus，你可以使用以下命令创建一个新的 Docusaurus 网站：

deno run -A npm:create-docusaurus@latest my-website classic
cd my-website
deno task start

Hono Jump to heading

Hono 是一个轻量级 Web 应用框架，继承了 Express 和 Sinatra 的传统。

要开始使用 Hono，你可以使用以下命令创建一个新的 Hono 应用：

deno run -A npm:create-hono@latest
cd my-hono-app
deno task start

这将创建一个新的 Hono 应用并使用 Deno 运行它。你可以打开浏览器访问 http://localhost:8000 以查看你的新应用。

Oak Jump to heading

Oak 是在 Deno 中处理 HTTP 的中间件框架。Oak 是你的前端应用与潜在数据库或其他数据源（如 REST API、GraphQL API）之间的桥梁。

Oak 提供了比原生 Deno HTTP 服务器更丰富的功能，包括基本路由器、JSON 解析器、中间件、插件等。

要开始使用 Oak，创建一个名为 server.ts 的文件并添加以下内容：

import { Application } from "jsr:@oak/oak/application";
import { Router } from "jsr:@oak/oak/router";

const router = new Router();
router.get("/", (ctx) => {
  ctx.response.body = `<!DOCTYPE html>
    <html>
      <head><title>你好，oak!</title><head>
      <body>
        <h1>你好，oak!</h1>
      </body>
    </html>
  `;
});

const app = new Application();
const port = 8080;

app.use(router.routes());
app.use(router.allowedMethods());
console.log(`服务器运行在 http://localhost:${port}`);

app.listen({ port: port });

使用以下命令运行服务器：

deno run --allow-net server.ts

Node 项目 Jump to heading

Deno 可以直接运行你的 Node.js 项目。请查看我们关于将你的 Node.js 项目迁移到 Deno的指南。

你找到了你需要的东西吗？

编辑此页面
隐私政策