如何在visual studio 2013中使用typescript 2.1

Question

我们正在开发一个我们正在使用typescript 2.1的Web项目。 我的系统上有visual studio 2013，其中包含打字稿1.8 。使用visual studio 2013打开项目时，它会产生编译时错误，但它会在另一台计算机上与visual studio 2015（其中包含typecript 2.1）完美地编译和运行。

如何在visual studio 2013中安装typescript 2.1 。

Answer 1

Visual Studio 2013（使用Update 2）：

TypeScript 2.1似乎目前尚未与Visual Studio 2013集成。目前支持的最新版本为1.8.5。

如果您愿意升级到Visual Studio 2015，请跳到下一部分。否则，请继续阅读。

使VisualScript 2.1在Visual Studio 2013中运行的一种方法是取消激活Visual Studio的内置TypeScript编译，并为客户端代码创建自己的构建过程。我不是这里的专家，但我可以想象下面这样的东西应该有效。

基本思想是使用手动创建的构建脚本编译TypeScript代码，然后使用VS扩展来触发某些VS事件（项目构建/运行）上的构建脚本的执行。以下假设您将使用＆＃34; Gulp＆＃34;作为构建系统，一个＆＃34; Gulpfile＆＃34;作为您的构建脚本，以及＆＃34; Task Runner Explorer＆＃34;是将构建脚本与Visual Studio集成的扩展。

1. 确保在系统范围内安装了以下软件：

   • Node.js Package Manager（npm）已安装在您的计算机上。
   • Visual Studio 2013的Task Runner Explorer extension。

2. Disable TypeScript compilation in Visual Studio 2013。这是必要的，因为您不想使用内置的，过时的编译器，而是使用最新版本。

3. 将最新版本的TypeScript编译器安装到项目中：npm install --save-dev typescript（在项目目录的命令行上执行该操作）
4. 在项目中安装Gulp：npm install --save-dev gulp（dito）
5. 编写一个Gulpfile，它使用下载的TypeScript编译器在您构建或启动项目时编译项目中的.ts文件。
6. 在VS Task Runner Explorer中连接项目的Gulpfile，以便执行构建步骤，例如当你建立或开始你的项目时。

不幸的是，我远不是网络前端开发方面的专家，所以我无法提供更多细节。可能有比我上面概述的更好的方法。

Visual Studio 2015（使用Update 3）：

下载并运行TypeScript for Visual Studio 2015 installer。这将更新Visual Studio 2015以使用TypeScript编译器和工具的2.1版。

您可以通过检查菜单工具→扩展程序和更新... 下的 TypeScript for Microsoft Visual Studio 来验证更新是否成功

请注意，在更新后打开基于TypeScript的Visual Studio项目时，您可能会看到以下提示：



通过说＆＃34;是＆＃34; 来确认这一点，以便升级您的项目，以便它使用TypeScript版本2.1，并且您应该准备好所有内容。