使用 Typescript 在 Visual Studio Code 中构建

Question

如果有人能帮助我解决这个已经失控的问题，我绝对会印象深刻。

我刚买了一台电脑，所以我一直在安装我所有的软件并进行设置。 在我的旧机器上，在 Visual Studio Code 中，我有一个项目使用 TypeScript 编译成一个可以上传到服务器（特别是 PlayFab）的 single.js 文件。 我能够简单地按 Ctrl + Shift + B 并且项目将构建文件（当然假设没有编译错误）。

我不记得我最初是如何将 TypeScript 安装到那台机器上的，但是我在这台新机器上遇到了很多问题（现在是 Windows 10）。 我尝试使用npm install -g typescript进行安装，这似乎没有生成任何相关文件（特别是需要编译的 tsc.exe 文件？）并将它所做的任何“安装”放在 AppData 中。 运行之后，我尝试在 VS Code 中编译，但我得到了关于它的错误，不知道 tsc 是什么。

在我的旧机器上，我注意到在 C:\Program Files (x86)\Microsoft SDKs\TypeScript 下有一个 TypeScript 目录。 我回到 TypeScript 站点下载安装程序，果然我得到了那个目录（在同一个地方，以及 Path 环境变量中的匹配值）。 当我现在尝试编译时，它实际上是在尝试用另一个应用程序打开文件？我匆忙选择了 Windows Script Host。 现在我在尝试打开文件时遇到了一些随机错误，我进入默认程序并将其设为 Visual Studio 社区，只是想看看会发生什么，当我按下 Ctrl + Shift + B 进行编译时。 它打开了 Visual Studio，我不知道为什么在地球上使用快捷方式编译（我检查了设置，它是 Ctrl + Shift + B）会尝试在另一个应用程序中打开文件！

所以现在我的问题是2倍。 A) 让 Build 快捷方式尝试构建而不是打开另一个应用程序，并且 B) 让 TypeScript 成功转译，以便我可以生成 my.js 文件。

我知道这是一个冗长的问题，但它很复杂，确实给我带来了很多麻烦。 如果有人可以提供任何有用的见解，我全神贯注！ 谢谢，麻烦您了！

-马特

Answer 1

Visual Studio Code Market Place 中有许多与 Typescript 相关的扩展。 你应该选择你想要的并将它们加载到 VSCode 中。 我不知道你想要哪个版本的 Typescript 但有许多版本的扩展。 该链接将您带到我在 Typescript 上搜索过的 Market Place。

Answer 2

这不是上述问题的答案，但我确实设法解决了它。 正如我在评论中提到的，我只是摆脱了 VS Code（这很遗憾，因为我确实喜欢它的简单性），而是使用 VS Community 2017。

Answer 3

我在 VS Code 中使用 typescript 时遇到了问题，当我安装了带有 typescript SDK 的 Visual Studio 社区时。

当我尝试从 vscode 的终端运行 TSC（typesciprt 编译器）时，我不断收到 window 主机错误。 因为它在进入 typscript 编译器之前在程序 files\Microsoft SDKs\TypeScript 目录中看到 tsc.js。

所以从 vscode 终端安装 typescript 编译器到项目本地：

npm install typescript --save-dev

然后，我们可以通过引用项目安装来使用 typescript 编译器，例如构建可以在 vscode 终端中使用的 Main.ts 文件：

.\node_modules\.bin\tsc.cmd .\src\Main.ts 

假设您位于项目的根文件夹中