如何在 Deno 中使用 TypeScript？-JavaScript中文网-JavaScript教程资源分享门户

前言

Deno 是一个类似于 Node.js 的 JavaScript/TypeScript 运行时环境，但它在安全性、模块化、异步 I/O 等方面有很多不同之处。使用 TypeScript 可以让我们在开发过程中获得更好的类型检查和开发体验。本文将介绍如何在 Deno 中使用 TypeScript 开发前端。

安装 Deno

首先我们需要安装 Deno。使用官方提供的 Shell 脚本安装方式：

curl -fsSL https://deno.land/x/install/install.sh | sh

或者使用包管理工具安装，如 Homebrew：

brew install deno

安装完成后，可以执行 deno --version 命令检查是否安装成功。

初始化项目目录

在创建项目之前，我们需要创建一个文件夹用于存放项目代码和依赖，我们称之为工程目录。可以使用 mkdir 命令创建该目录：

mkdir my-deno-project
cd my-deno-project

接着，我们可以在该文件夹下创建一个 index.ts 文件，这里作为我们项目的入口文件。并且，创建一个 tsconfig.json 文件用于配置 TypeScript 的编译器参数。

touch index.ts tsconfig.json

此时，工程目录的文件结构应该如下：

my-deno-project
  ├─ index.ts
  └─ tsconfig.json

配置 TypeScript

接下来我们需要在 tsconfig.json 文件中配置 TypeScript 的编译器参数。以下是一个基础的配置：

{
  "compilerOptions": {
    "target": "esnext",
    "module": "commonjs",
    "lib": ["deno.ns", "dom", "esnext"],
    "strict": true
  }
}

target：指定编译后的 JavaScript 的目标版本。
module：指定编译后的模块方案。
lib：指定编译时需要引入的库文件。
strict：开启 TS 严格模式。

编写 TypeScript 代码

Deno 支持 CommonJS 和 ES 模块，我们需要使用 export 语句将模块导出，以便其他文件可以引用该模块。

// index.ts
export function log(msg: string) {
  console.log(msg);
}

运行 Deno

使用 deno 命令运行代码：

deno run index.ts

此时，Deno 会下载需要的依赖库并执行程序。

选项

Deno 运行时支持很多可选项，可以使用 --help 参数查看帮助文档。以下是一些常用的选项：

--allow-read=<filepath>：允许读取指定的文件或目录。
--allow-write=<filepath>：允许写入指定的文件或目录。
--allow-net=<hostname:port>：允许访问指定的网络地址和端口。
--allow-env：允许读取环境变量。
--allow-all：允许所有权限，不推荐在生产环境使用。

总结

本文介绍了如何在 Deno 中使用 TypeScript 开发前端应用，包括安装 Deno、初始化工程目录，配置 TypeScript 和运行 Deno。希望对初学者有所帮助。

示例代码

// index.ts
export function log(msg: string) {
  console.log(msg);
}

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

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/646af2ed968c7c53b0a6705e