Web 开发
Deno 为构建 Web 应用程序提供了一个安全且对开发者友好的环境,使您的 Web 开发体验愉快。
- Deno 具有 安全的默认设置,这意味着它需要显式的文件、网络和环境访问权限,从而降低了安全漏洞的风险。
- Deno 具有 内置的 TypeScript 支持,允许您编写 TypeScript 代码,而无需额外的配置或工具。
- 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 的指南。