deno.com
本页内容

Web 开发

Deno 为构建 Web 应用程序提供了一个安全且对开发者友好的环境,使您的 Web 开发体验愉快。

  1. Deno 具有 安全的默认设置,这意味着它需要显式的文件、网络和环境访问权限,从而降低了安全漏洞的风险。
  2. Deno 具有 内置的 TypeScript 支持,允许您编写 TypeScript 代码,而无需额外的配置或工具。
  3. Deno 附带一个 标准库,其中包括用于常见任务(如 HTTP 服务器、文件系统操作等)的模块。

最有可能的是,如果您要构建更复杂的应用程序,您将通过 Web 框架与 Deno 进行交互。

React/Next 跳转到标题

React 是一个流行的 JavaScript 库,用于构建用户界面。 要将 React 与 Deno 一起使用,您可以使用流行的 Web 框架 Next.js

要开始在 Deno 中使用 Next.js,您可以创建一个新的 next 应用程序并立即使用 Deno 运行它

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

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

要更好地了解 JSX 和 Deno 在底层如何交互,请阅读 此处

Fresh 跳转到标题

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 跳转到标题

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 跳转到标题

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

要开始使用 Vite,您可以使用以下命令创建一个新的 Vite 应用程序

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

Lume 跳转到标题

Lume 是 Deno 的静态站点生成器,其灵感来自其他静态站点生成器,如 Jekyll 或 Eleventy。

要开始使用 Lume,您可以使用以下命令创建一个新的 Lume 站点

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

Docusaurus 跳转到标题

Docusaurus 是一个静态站点生成器,它针对技术文档网站进行了优化。

要开始使用 Docusaurus,您可以使用以下命令创建一个新的 Docusaurus 站点

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

Hono 跳转到标题

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 跳转到标题

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>Hello oak!</title><head>
      <body>
        <h1>Hello oak!</h1>
      </body>
    </html>
  `;
});

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

app.use(router.routes());
app.use(router.allowedMethods());
console.log(`Server running on http://localhost:${port}`);

app.listen({ port: port });

使用以下命令运行服务器

deno run --allow-net server.ts

Node 项目 跳转到标题

Deno 将开箱即用地运行您的 Node.js 项目。 查看我们关于 将您的 Node.js 项目迁移到 Deno 的指南。

您找到您需要的内容了吗?

隐私政策