首页 > web前端 > js教程 > 使用 Deno 制作您的第一个项目

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

DDD
发布: 2024-10-16 06:22:02
原创
1119 人浏览过

Making your First Project with Deno

为了介绍这个主题,我们先来定义一下什么是 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>
登录后复制

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

- 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 制作您的第一个项目的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板