InfoQDeno 1.0 即将发布，你需要知道的都在这里了( 六 )

如果你的代码使用 DOM ，则需要使用 lib: [“dom”, “esnext”] 提供自己的 tsconfig.json 。我们将在下面详细介绍。
格式化
dprint 提供格式化功能， dprint 是 Prettier 的高性能替代品，它复制了所有已有的 Prettier 2.0 规则。
要格式化一个或多个文件，请使用 deno fmt 或 Visual Studio Code 扩展（稍后将详细介绍）。
编译和打包
Deno 可以使用 deno bundle 从命令行创建一个简单的打包，但是它也公开了一个内部编译器 API：
https://deno.land/std/manual.md#compiler-api
因此用户可以创建自己自定义的输出。这个 API 现在被标记为不稳定状态，因而你需要使用 --unstable 标志。
尽管 Deno 有一些与 Web 兼容的 API ，但它们并不完整。如果要编译任何引用 DOM 的前端 TypeScript ，则需要在编译或打包时告知 Deno 这些类型。你可以使用编译器 API 选项 lib 。
index.htmlDocumentReplace metest-dom.tslet greeter: HTMLElement | null = document.getElementById("greeter")!; // Please forgive the Non-Null Assertion Operator
greeter.innerText = "Hello world!";compile.tsconst [errors, emitted] = await Deno.compile("test-dom.ts", undefined, {lib: ["dom", "esnext"], // include "deno.ns" for deno namespaceoutDir: "dist",});
if (errors) {console.log("There was an error:");console.error(errors);} else {console.log(emitted); // normally we would write the file}
下面是终端中生成的发射图输出。
{ dist/test-dom.js.map: "{\"version\":3,\"file\":\"test-dom.js\",\"sourceRoot\":\"\",\"sources\":[\"file:///home/david/Downloads/deno-arti...", dist/test-dom.js: "\"use strict\";\nlet greeter = document.getElementById(\"greeter\");\ngreeter.innerText = \"Hello world!\";\n..."}
在上面的示例中，我们编译了引用 DOM 的 test-dom.ts 文件。在 Deno.compile() 中使用 lib 选项会覆盖 Deno 使用的所有 lib 默认选项，因而你需要重新添加 esnext 和可选的 deno.ns ，才能使用 Deno 命名空间。这一切仍然是试验性的，但是我希望 bundle 命令能够发展下去，以处理摇树之类的事情，并能更像 Rollup.js 。
调试
Deno 具有内置的调试功能，但是在撰写本文时 Visual Studio Code 扩展还不支持它。要开始调试，请按以下步骤手动操作。
deno run -A --inspect- brk fileToDebug.ts（注意：对模块使用最低权限）
在 Chrome 或 Chromium 中打开 chrome://inspect 。
你会看到下面这样的页面：

本文插图
单击“inspect”以连接并开始调试你的代码
文件监视
Deno 使用 Rust notify 库，通过 Deno.watchFs() API 内置了文件监视功能。 Deno 喜欢通过其 API 在后台处理繁重的工作，并让用户以自己喜欢的方式实现他们的代码。这里没有 --watch 标志，而是需要创建自己的实现或使用第三方模块。
制作自己的文件监视器时唯一需要注意的是防抖（debouncing）。这个 API 可以连续快速触发多个事件，并且你可能不想多次执行操作。用户 Caesar2011 使用 Date.now() ，仅用了 23 行 TypeScript 代码就解决了这个问题：
https://github.com/Caesar2011/rhinoder/blob/master/mod.ts
还有一个更高级的 Deno 文件监视解决方案，称为 Denon 。它相当于 nodemon 。如果你想监视工作区中的更改并重新运行测试，只需输入：

InfoQDeno 1.0 即将发布，你需要知道的都在这里了( 六 )

推荐阅读

中国新闻网|香港工联会举行颁奖礼感谢义工为爱国事业作贡献

穿搭|秋天别总穿风衣！这3种穿搭保暖又时髦，关键还不挑年龄

《中国托盘数字化管理研究报告》在沪发布物联技术或将成为应用主流

沃组词两个字沃组词沃组词造句和解释?

家庭怎样自制香喷喷的黑胡椒牛排？

【】看着像是千万豪宅，但怎么总感觉设计这个户型的是新手？

春节宠物寄养难：洗澡、美容价格涨幅超50%

自主汽车网|海思麒麟处理器助力汽车智能联网，华为携手比亚迪进军汽车领域

关于国庆节手抄报的文字内容有哪些？

教师|“理想女婿”职业排名公布，榜首人间理想，教师排名不佳有原因

「亚男实用孕产康复」减肥的烦恼

国际在线■海外侨胞同心“战疫”，快递企业打通捐助物资运输通道

牛肉炒河粉

红茶推荐的牌子,天方祁红红茶

体育快进|微胖女孩来试试瑜伽裤，搭配修身运动背心，时尚显瘦又有气质

赛车游戏|键盘车手终极利器

琢金网络品牌推广的内功心法，知道的企业都赚大了！

投资家网蚂蚁集团上市按下“暂停键”

汪涵|汪涵，“不爱惜羽毛”终于付出代价

「三星」旗舰级CMOS大比拼：IMX700优势明显，小米被三星坑哭