教程 | https://www.typescripttutorial.net
翻译 | 杨小爱
在今天的教程中,我们将一起来学习如何设置 TypeScript 开发环境。
使用 TypeScript 需要准备以下工具:
- Node.js – Node.js 是运行 TypeScript 编译器的环境。你不了解 node.js也没有关系。
- TypeScript 编译器——一个将 TypeScript 编译成 JavaScript 的 Node.js 模块。如果你对 node.js 使用 JavaScript,则可以安装 ts-node 模块。它执行node.js 的 TypeScript 和 REPL。
- Visual Studio Code 或 VS Code – 是支持 TypeScript 的代码编辑器。强烈推荐使用 VS 代码。当然,我们也可以使用自己喜欢的编辑器。
如果你使用 VS Code,你可以安装以下扩展来加速开发过程:
- Live Server – 允许我们使用热重载功能启动开发本地服务器。
安装 Node.js
要安装 node.js,请按照以下步骤操作:
- 转到 node.js 下载页面:https://nodejs.org/en/download/
- 下载适合您平台的 node.js 版本,即 Windows、macOS 或 Linux。
- 执行下载的 node.js 包或执行文件。安装非常简单。
- 通过在 macOS 和 Linux 上打开终端或在 Windows 上打开命令行并键入命令 node -v 来验证安装。如果你看到你下载的版本,那么你已经成功地在你的计算机上安装了 node.js。
安装 TypeScript 编译器
要安装 TypeScript 编译器,请在 macOS 或 Linux 上启动终端并在 Windows 上启动命令提示符并键入以下命令:
npm install -g typescript
安装完成后,可以输入以下命令来查看当前 TypeScript 编译器的版本:
tsc --v
它应该像这样返回版本:
Version 4.0.2
请注意,我们的版本可能比此版本更新。
如果我们在 Windows 上并收到以下错误:
'tsc' is not recognized as an internal or external command,operable program or batch file.
那么,我们应该将以下路径 C:\Users\<user>\AppData\Roaming\npm 添加到 PATH 变量中。请注意,您应该将 <user> 更改为您的 windows 用户。
要全局安装 ts-node 模块,您可以从 macOS 和 Linux 上的终端或 Windows 上的命令提示符运行以下命令:
npm install -g ts-node
安装VS Code 编辑器
要安装 VS Code,请按照以下步骤操作:
- 转到 VS Code 下载页面,https://code.visualstudio.com/download
- 下载适合您的操作系统(Windows、macOS 或 Linux)的最新版本的 VS Code
- 执行下载的包或安装程序文件以启动设置向导。安装过程也非常简单。
- 启动 VS 代码。
您将看到 VS Code编辑器,如下图所示:
要安装 Live Server 扩展,请执行以下步骤:
- 单击“扩展”选项卡以查找 VS Code 的扩展。
- 键入实时服务器以搜索它。
- 单击安装按钮以安装扩展。
今天的教程就到这里了,我们学习了如何安装用于使用 TypeScript 的开发环境。
如果还有什么问题,可以留言区留言,我会尽快回复,感谢你的阅读,祝编程快乐!