如何让 TypeScript 与 Visual Studio 2013 一起工作答案

【问题标题】：How to get TypeScript working with Visual Studio 2013如何让 TypeScript 与 Visual Studio 2013 一起工作
【发布时间】：2013-08-07 19:23:05
【问题描述】：

我已经下载了 Visual Studio 的 Typescript 插件，安装了它并重新启动了我的电脑。我还安装了 VS 2013 Express for Web 和 VS 2013 Ultimate Preview，但 TypeScript 不存在。没有文件模板，没有项目模板，什么都没有。

您可以通过哪些方式让 TypeScript 正确安装/显示在 Visual Studio 中？我尝试了许多不同的方法，例如查找 vsix 文件并将其打开（但该文件在此版本的 TypeScript 中不存在 - 除非他们将其移动到其他地方），我尝试下载和安装 Web Essentials -但是他们的网站说他们不再支持 TypeScript，因为显然 VS 现在原生支持它。我也多次卸载/重新安装 TypeScript。

我什至尝试下载旧版本的 TypeScript 0.8.3，但我发现的每个链接都只是将我重定向到 0.9.1 的新下载页面。

没有任何作用。

如何让 TypeScript 与 VS 2013 Express for Web 或 VS 2013 Ultimate Preview 一起使用？

我在网上看到过论坛帖子和 cmets，人们说它对他们有用。我不知道发生了什么。

【问题讨论】：

这里有同样的问题......赞成这个问题，并希望有一个真正的解决方案。同时，我将降级到 VS 2012，看看是否可以在那里安装。
提供Visual Studio 2013支持的新包：blogs.msdn.com/b/typescript/archive/2013/10/17/…

标签： asp.net .net visual-studio typescript visual-studio-2013

【解决方案1】：

我在这里找到了一个问题，其答案几乎有效。但是在改变了一些事情之后，我能够得到这个工作。这些步骤与原来的略有不同，可以找到here。

关闭 Visual Studio。
安装Visual C++ Redistributable for Visual Studio 2012 Update 3 x86 版本（即使在 x64 平台上运行；tsc.exe 是 x86 应用程序）。
下载适用于 Visual Studio 2012 版本 0.9.0.1 的 TypeScript
使用https://code.google.com/p/lessmsi/将MSI文件解压/解压到一个临时位置
复制目录SourceDir\Microsoft SDKs\TypeScript 到%ProgramFiles(x86)%\Microsoft SDKs
复制目录SourceDir\VS11_EXTENSIONS_DIR\TypeScript 到%ProgramFiles(x86)%\Microsoft Visual Studio 12.0\Common7\IDE\Extensions\Microsoft
复制SourceDir\VS11文件夹下的两个文件(file.ts,newtypescriptfileitems.vsdir) 到%ProgramFiles(x86)%\\Microsoft Visual Studio 12.0\Common7\IDE\NewFileItems
将文件夹SourceDir\MSBuild\Microsoft\VisualStudio\v12.0\TypeScript复制到 %ProgramFiles(x86)%\MSBuild\Microsoft\VisualStudio\v12.0
修改路径环境变量以包含%ProgramFiles(x86)%\Microsoft SDKs\TypeScript
启动视觉工作室。

这些确切的步骤使我能够在 Visual Studio 2013 Preview 和 Visual Studio 2013 Express for Web 中使用完整的 TypeScript 支持。非常感谢发布此答案的家伙。

【讨论】：

问题。 TypeScript 2012 0.9.0.1 将我带到 MS 的下载页面，其中列出了“Visual Studio 2012 和 2013 的 TypeScript”...查看详细信息选项卡显示这是版本 0.9.1.1，这是一个 .exe，而不是 .微星。据我所知，所有曾经指向 0.9.0.1 的 .msi 的下载链接现在都转发到了这个新链接。
@Steve，TypeScript 网站上的下载会导致下载 0.9.1.1 版本，这看起来是一个新版本。也许这个版本会安装在 VS 2013 中？
@user2645707 不...这是失败的。它是一个 .exe，因此您甚至无法将 tsc.exe 从中提取出来，并且一旦将其安装在 VS2013 下，我就无法在任何地方看到 TypeScript 选项；这就是我在这里的原因。
就我个人而言，我已经放弃了 Visual Studio……如果您在 MS IIS 服务器上工作，这是一个很好的解决方案，但是对于所涉及的混乱来说，这些解决方案太少而且相距甚远。已经转移到 PhPStorm、简单的 TypeScript 编译以及 Compass ......这确实是我首先需要的。
TypeScript 在 VS 2010 上的安装说明已针对 0.9.1.1 版本进行了更新，看来安装程序旨在开箱即用地处理 VS 2012/2013。在安装程序包中，它被称为 TypeScript_MSI.msi stackoverflow.com/questions/14510511/…

【解决方案2】：

我搜索了 Spike 答案的第 3 步中的版本，这显然现在只是任何可执行文件。这导致我在以下位置下载 MS 的稍新版本：

TypeScript Download

下载后，我运行它并提供修复或卸载 VS 2012 和 VS 2013 的 TypeScript。（我已经安装了 VS 2013 和 2013 Web Essentials，但使用 TypeScript 的项目不会为我加载。 )

修复完成后，使用 TypeScript 的项目就可以正常加载了。因此，尝试修复 TypeScript 的安装可能是值得的。

【讨论】：

【解决方案3】：

我在 Visual Studio 2013 上安装了 RC 3，一切都已修复。

Visual Studio RC3 Download

【讨论】：

【解决方案4】：

根据here 的描述，您不能同时拥有独立版本和包含该组件的更新。

我的系统上有 VS2012 和 VS2013，并且在 VS2013 的 typescript 支持（或缺乏）方面存在很多问题。

所以我卸载了 Visual Studio 2012 的 typescript 1.0.0 工具并重新应用了 Visual Studio 2013 Update 3。它现在工作正常，但一些细节，项目迁移没有正确完成，我不得不排除 ts 和 js 文件，重新包含 ts 文件并确保构建操作是“TypeScript compile”。

【讨论】：