Visual Studio Code 是一个集成开发环境 (IDE),受到许多程序员的喜爱,他们欣赏其广泛的功能和开源传统。 Visual Studio Code 使编码变得更容易、更快捷、更轻松。当谈到 TypeScript(IDE 支持的众多语言之一)时尤其如此。
代码完成参数提示
和语法突出显示等 Viber 电话列表 功能使 TypeScript 开发人员在 Visual Studio Code 中更有效率。它还带有内置的 Node.js 调试器,并能够在编辑器内部将代码转换为可执行的 JavaScript。然而,大多数功能需要进行配置才能充分发挥其潜力。
如何设置 Visual Studio Code 进行 TypeScript 开发
本教程将逐步向您展示如何设置 Visual Studio Code 进行 TypeScript 开发。我们将 强力拨号器 在 TypeScript 中初始化一个 Node.js 项目,编写一些代码,然后在 Visual Studio Code 中编译、启动和 调试 TypeScript。
先决条件
在开始之请
确保我们已经:
本地安装和配置 Node.js
Visual Studio Code 下载并安装
我们需要 Node.js 和 npm(Node 包管理器)来构建我 最新评论 们的 TypeScript 项目。我们可以使用以下终端命令验证计算机上是否安装了 Node.js:
节点-v
这应该会返回您计算机上的 Node.js 版本,如下所示:
v21.6.1
现在让我们开始在 Visual Studio Code 中使用 TypeScript!
安装 TypeScript 编译器
Visual Studio Code 支持 TypeScript 开发,但不包含 TypeScript 编译器。由于 tsc TypeScript 编译器将 TypeScript 代码转换(或转置)为 JavaScript,因此它是测试我们的 TypeScript 代码的必要条件。换句话说,tsc 以 TypeScript 代码作为输入,并生成 JavaScript 代码作为输
出然后我们可以使
用 Node.js 或在 Web 浏览器中运行 JavaScript 代码。
让我们在终端中运行以下命令,在我们的计算机上全局安装 TypeScript 编译器:
npm install -g typescript
我们来检查一下已安装的 tsc 版本:
tsc –version