Deno 学习笔记:使用 VSCode 进行调试

Deno 是一个新兴的 JavaScript 和 TypeScript 运行时,它由 Node.js 的创始人 Ryan Dahl 开发。Deno 在很多方面都比 Node.js 更加现代化和安全,例如支持 ES6+ 的语法、默认开启沙箱模式等。在本文中,我们将学习如何使用 VSCode 进行 Deno 的调试。

安装 Deno

在开始之前,我们需要先安装 Deno。Deno 可以通过官网提供的安装脚本进行安装,也可以通过包管理器进行安装。这里我们选择使用包管理器安装。如果你使用的是 macOS 或 Linux,则可以使用以下命令进行安装:

- ---- ----- -------------------------------------- - --

如果你使用的是 Windows,则可以使用以下命令进行安装:

--- --------------------------------------- ----- - ---

安装完成后,我们可以通过以下命令来验证 Deno 是否成功安装:

- ---- ---------

创建一个简单的 Deno 应用

接下来,我们将创建一个简单的 Deno 应用,并使用 VSCode 进行调试。

首先,我们在项目目录下创建一个名为 app.ts 的文件,并输入以下代码:

-------- ----------- -------- ---- -
  ------------------- -----------
-

--------------

该应用定义了一个 greet 函数,该函数会在控制台输出一条问候。我们在应用的最后一行调用了该函数,并将参数设置为 "Deno"

接下来,我们需要创建一个名为 .vscode/launch.json 的文件,该文件用于配置 VSCode 的调试器。我们可以通过以下命令来创建该文件:

- ----- -------
- ----- -------------------

launch.json 文件中输入以下内容:

-
  ---------- --------
  ----------------- -
    -
      ------- -------
      ------- -----------
      ---------- ---------
      -------------------- -------
      ---------- ----------------------------
      ---------- ---------------------
      ------------------------- -----------
    -
  -
-

launch.json 文件中定义了一个名为 Deno 的调试配置。该配置使用了 pwa-node 调试器,并指定了 Deno 的可执行文件路径和应用程序的入口文件路径。

现在,我们可以通过点击 VSCode 左侧的调试按钮,选择 Deno 配置,并点击 Start Debugging 按钮来启动调试器。如果一切正常,应用程序应该会在终端中输出 Hello, Deno!

调试应用程序

现在,我们已经成功地启动了 Deno 应用程序的调试器。接下来,我们将演示如何使用调试器来调试应用程序。

首先,我们可以在 app.ts 文件中添加一个断点,以便在程序执行到该行时暂停:

-------- ----------- -------- ---- -
  ------------------- -----------
-

-------------- -- ----

然后,我们再次启动调试器,并在程序暂停时检查变量的值。我们可以使用 VSCode 的调试工具栏来执行以下操作:

  • 恢复程序的执行
  • 单步执行程序
  • 检查变量的值

通过调试工具栏,我们可以非常方便地调试应用程序,并快速定位问题。

总结

在本文中,我们学习了如何使用 VSCode 进行 Deno 的调试。我们首先安装了 Deno,并创建了一个简单的 Deno 应用程序。然后,我们创建了一个调试配置,并启动了调试器。最后,我们演示了如何使用调试工具栏来调试应用程序。

希望这篇文章能够帮助你更好地了解 Deno,并学会使用 VSCode 进行调试。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/65fcff0cd10417a22285b053


猜你喜欢

  • 在 Cypress 中使用 Page Objects 模式

    前言 在前端自动化测试中,我们经常会使用 Cypress 这个工具。Cypress 是一个现代化的 JavaScript 测试框架,它提供了一个完整的端到端测试解决方案。

    7 个月前
  • Flexbox 布局(四):Flexbox 布局下的细节总结

    在前三篇文章中,我们已经介绍了 Flexbox 布局的基本概念、属性和实际应用。本文将对 Flexbox 布局下的一些细节进行总结,帮助读者更深入地理解和应用 Flexbox 布局。

    7 个月前
  • ES12 开发人员必备的新特性:代码稳定性和 TypeScript 兼容性

    随着前端技术的不断发展,ES12(也称为 ECMAScript 2021)作为 JavaScript 的最新版本,为开发人员带来了许多新的特性和改进。其中,代码稳定性和 TypeScript 兼容性是...

    7 个月前
  • Express.js 中的错误 - TypeError: app.listen() 必须在服务器上调用

    Express.js 是一个流行的 Node.js 框架,用于构建 Web 应用程序和 API。它提供了许多有用的功能,如路由、中间件、模板引擎等。然而,在使用 Express.js 的过程中,你可能...

    7 个月前
  • Kubernetes 中的储存解决方案

    Kubernetes 是一种开源的容器编排系统,它可以自动化地部署、扩展和管理应用程序容器。在 Kubernetes 中,储存解决方案是非常重要的一部分。它可以帮助我们存储应用程序的数据,并且保证数据...

    7 个月前
  • 小白必看:ES2017 — ES8 中新增的 JavaScript 特性

    随着前端技术的不断发展,JavaScript 语言也在不断更新和完善。最近,ES2017(也称为 ES8)发布了一些新的特性,这些新特性不仅可以帮助我们更加高效地编写代码,还能提高代码的可读性和可维护...

    7 个月前
  • Linux 服务器性能优化技巧和实践

    在开发和运维过程中,Linux 服务器的性能优化是一个非常重要的任务。本文将介绍一些常用的 Linux 服务器性能优化技巧和实践。 1. CPU 性能优化 1.1. 使用 top 命令查看 CPU 使...

    7 个月前
  • 如何利用 ECMAScript 2018 中的标准库 Map 和 WeakMap 实现高效缓存

    在前端开发中,缓存是一个非常重要的概念。当我们需要频繁地访问某个数据时,如果每次都去重新计算或者请求数据,会严重影响性能。因此,使用缓存可以大幅提升应用的性能。 在 ECMAScript 2018 中...

    7 个月前
  • Mongoose 错误解决方法: MongooseError(DocumentNotFoundError)

    在使用 Mongoose 进行开发时,有时候会遇到 MongooseError(DocumentNotFoundError) 这个错误,这个错误的意思是找不到对应的文档,也就是说你在进行查询时,没有查...

    7 个月前
  • Koa2 中如何使用 koa-static 处理静态文件

    在前端开发中,静态文件处理是很常见的需求,例如图片、CSS、JS 等文件。Koa2 是一个 Node.js 的 Web 框架,提供了很多方便的中间件来处理各种需求,其中 koa-static 中间件就...

    7 个月前
  • ES7:关于 Numeric Separators 的使用方法

    在 JavaScript 中,数字是一种常见的数据类型。但是,当数字很大或者很长的时候,它们往往会变得难以阅读和理解。为了解决这个问题,ES7 引入了 Numeric Separators 这个新特性...

    7 个月前
  • 如何使用 DllPlugin 提高 Webpack 构建速度?

    前言 Webpack 是一个非常流行的前端构建工具,可以将多个 JS、CSS、图片等资源打包成一个或多个文件,方便在浏览器中加载。但是随着项目变得越来越大,Webpack 的构建速度也变得越来越慢,这...

    7 个月前
  • Docker 容器化构建 Go 应用程序的最佳实践

    随着云计算和容器技术的普及,Docker 已经成为了一个非常流行的容器化解决方案。在前端开发中,我们通常使用 Docker 容器来构建和部署我们的应用程序。本文将介绍如何使用 Docker 容器构建 ...

    7 个月前
  • Deno Web 开发:如何实现微信公众号开发的 API

    Deno 是一个新兴的 JavaScript 和 TypeScript 运行时环境,它提供了一个安全的、现代的、跨平台的运行时环境,可以用于构建 Web 应用程序。

    7 个月前
  • Flexbox 布局(五):Flexbox 布局下的文本折行问题

    在 Flexbox 布局中,由于弹性盒子的灵活性,我们可以轻松地实现多列布局、等高布局、水平垂直居中等效果。但是,当我们在弹性盒子中放置文本时,可能会遇到文本折行的问题。

    7 个月前
  • Babel 编译后的 JavaScript 代码遵循何种标准

    Babel 是一个流行的 JavaScript 编译器,它可以将新版本的 JavaScript 代码转换为旧版本的代码,以便在旧版浏览器和环境中运行。但是,Babel 编译后的 JavaScript ...

    7 个月前
  • 如何在 Kubernetes 中使用 Prometheus 监控服务器

    在 Kubernetes 中使用 Prometheus 监控服务器是非常重要的,它可以帮助我们实时监控服务器的运行状态,并及时发现和解决问题。本文将详细介绍如何在 Kubernetes 中使用 Pro...

    7 个月前
  • 使用 Custom Elements 构建混合式 App 的最佳实践

    随着移动设备的普及和 Web 技术的不断发展,混合式 App 已经成为了移动应用开发的一个重要方向。混合式 App 既可以充分发挥 Web 技术的优势,又可以通过原生应用的方式提供更好的用户体验。

    7 个月前
  • ECMAScript 2020: 学习 JavaScript 的生成器详解

    JavaScript 是一门广泛应用于 Web 开发的编程语言,而生成器(Generator)是 ECMAScript 2015 引入的新特性之一。生成器能够让开发者更加方便地控制异步操作和迭代器的行...

    7 个月前
  • Chai 的 API 方法链式使用技巧

    Chai 是一个流行的 JavaScript 测试框架,它提供了一系列的 API 方法来帮助我们编写更加简洁、易读、可维护的测试代码。本文将介绍 Chai 的 API 方法链式使用技巧,以及如何使用这...

    7 个月前

相关推荐

    暂无文章