TypeScript - 环境配置

你好啊，未来的编程巨星！我很高兴能成为你进入TypeScript世界的向导。作为一个教编程多年的前辈，我可以告诉你，设置开发环境就像在做饭前准备厨房一样。这可能不是最吸引人的部分，但它对于顺畅愉快的体验至关重要。那么，让我们卷起袖子开始吧！

TypeScript - Environment Setup

本地环境配置

在我们深入TypeScript的细节之前，我们需要设置我们的本地环境。把这想象成创建你的编程工作空间——一个你将花费大量时间编写出色程序的舒适角落。

首先，我们需要安装Node.js。你可能会问：“但我们不是在学习TypeScript吗？”没错，但你绝对正确！然而，Node.js就像是TypeScript依赖的好邻居，它帮助TypeScript做很多事情，包括运行我们的TypeScript编译器。

按照以下步骤安装Node.js：

如果你看到了版本号，恭喜你！你已经成功安装了Node.js。如果没有，别担心——我们都有过这样的经历。重新检查安装步骤或寻求帮助。

现在我们有了Node.js，让我们安装TypeScript：

npm install -g typescript

这个命令告诉npm（Node包管理器）在你的系统上全局安装TypeScript。安装完成后，你可以通过输入以下命令来验证安装：

tsc -v

如果你看到了版本号，那就一切就绪！

现在我们安装了核心工具，是时候选择我们的工作空间了——集成开发环境（IDE）。把IDE想象成你编程时可靠的瑞士军刀。这是你编写、调试和运行TypeScript代码的地方。

我个人最喜欢的（也是我推荐给所有学生的）是Visual Studio Code（VS Code）。它是免费的、强大的，并且从一开始就对TypeScript有很好的支持。

设置VS Code的步骤如下：

VS Code自带TypeScript支持，但让我们确认它是否在使用我们安装的版本：

let message: string = "Hello, TypeScript!";
console.log(message);

这将在你项目文件夹中创建一个 tsconfig.json 文件，告诉TypeScript如何编译你的代码。随着你对TypeScript的熟悉，你可以稍后自定义这个文件。

虽然VS Code是我的首选，但有些学生更喜欢Brackets，尤其是那些来自网页设计背景的学生。Brackets轻量级且专注于网络技术。

为TypeScript设置Brackets的步骤如下：

现在你可以创建 .ts 文件并开始编写TypeScript代码了！

下面是你在TypeScript之旅中会遇到的一些有用的方法和工具的表格：

方法/工具	描述	示例
`tsc`	TypeScript编译器命令	`tsc hello.ts` 将 `hello.ts` 编译为 `hello.js`
`tsc --watch`	监听文件变化并自动重新编译	`tsc --watch hello.ts`
`npm init`	初始化一个新的Node.js项目	在你的项目文件夹中运行 `npm init`
`tsconfig.json`	TypeScript编译配置文件	指定编译器选项和项目设置
`console.log()`	输出到控制台	`console.log("Hello, World!");`
`node`	运行JavaScript文件	`node hello.js` 运行编译后的JS文件

记住，这些只是基础。随着你的进步，你将发现更多令人兴奋的工具和方法！

哇！我们今天涵盖了很多内容，从安装Node.js到设置IDE。一开始可能会感到有些不知所措，但相信我，随着实践，这一切都会变得习以为常。

我记得我第一次开始编程时，我花了好几个小时才正确设置好我的环境。现在，这就像早上泡咖啡一样自然（顺便说一下，这对于任何编码会议来说都是必不可少的！）。

在我们继续TypeScript探险的过程中，记住每个伟大的程序员都是从你现在的地方开始的。关键是要保持好奇心，不断尝试，永远不要害怕提问。

在下一课中，我们将编写我们的第一个TypeScript程序并探索一些语言的独特特性。在此之前，祝你编码愉快，愿你的分号永远放在正确的位置！

Credits: Image by storyset