大学网 > php中文网 > WEB前端使用 Deno 制作您的第一个项目正文

使用 Deno 制作您的第一个项目

中国大学网 2024-10-17

为了介绍这个话题,我们先来定义一下什么是 deno。 deno 是 javascript、typescript 和 webassembly 的运行时环境,由 node.js 的创建者 ryan dahl 开发。它使用 chrome 的 v8 引擎并用 rust12 编写。'

优点。

  1. 默认安全性:除非明确授予,否则 deno 无法访问文件、网络或环境。这降低了安全漏洞的风险。

  2. 原生 typescript 支持:deno 原生运行 typescript,无需额外配置,从而简化了开发并提高了生产力。

  3. 标准模块:deno 包含一组经过审查和审核的标准模块,减少了对外部包的依赖,提高了代码的安全性和稳定性。

  4. 集成工具:附带有用的工具,例如依赖项检查器、代码格式化程序和 linter,有助于代码维护和质量。

  5. 依赖处理:deno 使用 url 导入模块,无需 package.json 文件和 npm 等包管理器。这简化了依赖管理。

  6. webassembly 支持:deno 支持 webassembly,允许您运行用其他语言编写的高性能代码。

创建您的第一个项目

要启动 deno 项目,请使用以下命令:

 deno init 

这将创建一个具有以下内容的项目

- project_name/
  |- main.ts
  |- deno.json
  |- main_test.ts

就这样,您已经创建了第一个 deno 项目。

关于模块和导入

以前在 astro、next.js 等创建项目时,都是通过 npm、pnpm、bun 等方式安装依赖的,现在已经不需要了。

导入方式

对于 deno,主要有两种导入包的方式。第一种是简单地从该包导入,无论它是 npm 还是您使用的其他包。

例如,在您的某些 next.js、vite 或 astro 文件中,可以安装所需的包,然后将其导入到文件中。现在,使用 deno,您无需安装软件包,只需在所需的软件包之前命名软件包管理器即可导入它。例如,如果我们想使用express,就可以这样做:

  import express from “npm:express”

这表明你要从npm express包中导入express,所以,重复已经说过的,你不需要安装它,导入它即可!!!

其次,我们不必使用“npm:”的命名法来导入它,我们所做的是编辑创建的 deno.json 文件,在其中添加以下内容:

  “imports": {
  “express": ”npm:express”
}

将代码添加到 deno.json 后,您现在可以使用express一词从任何地方导入,如下所示:

  import express from “express”

运行你的第一个 deno 项目

最后,要运行项目,您不再需要使用 npm run,现在您可以使用 deno.json 中如下所示的任务:

 “tasks": {
    “dev": ‘deno run --watch main.ts’, //it comes by default
  }

这告诉我们要运行该项目,我们只需要做:

deno task dev

您将使用 typescript 原生运行您的 deno 项目。

我希望这个迷你教程对您有所帮助,并且您喜欢这种使用非常有前途的本机打字稿运行时来制作项目的新方法。

以上就是使用 Deno 制作您的第一个项目的详细内容,更多请关注中国大学网其它相关文章!