Visual Studio 2017的Typescript支持

Question

我最近一直在尝试学习TypeScript,在使用.ts文件安装"Web Essentials"扩展程序后,我一直在观看的一些视频中,visual studio为您提供了一个预览面板,因此您可以将JavaScript视为你输入.

这些视频似乎正在使用VS 2012.

但是,在VS 2017上安装Web Essentials似乎没有这个选项,有谁知道如何在VS 2017中使用它？它对TypeScript有相同的支持吗？

Answer 1

所以TypeScript默认安装在VS2017上(Update 2将为您提供最新版本的2.3并允许并排安装).如果您没有它,可以通过Visual Studio Installer添加它 - 从安装程序中单击汉堡菜单并选择Modify,然后单击Individual Components,在SDKs,Libraries and Frameworks下可以添加TypeScript.

安装完成后,您可以添加一个tsconfig.json文件来告诉TypeScript编译器如何操作,例如:

{
    "compileOnSave": true,
    "compilerOptions":
    {
        "noImplicitAny": false,
        "noEmitOnError": true,
        "removeComments": false,
        "sourceMap": true,
        "target": "es5"
    },
    "exclude":
    [
        "node_modules"
    ]
}

重要的设置是compileOnSave,它告诉VS在保存ts时编译js文件.

您现在应该在TypeScript文件中看到嵌套的Javascript文件:

现在你只需要并排打开这两个文件,当你保存ts时,js将自动更新(如果VS提示你在磁盘上加载更改的文件,它有助于勾选总是更新选项).

Answer 2

我看到你的问题是VS 2017,我在VS 2017上没有找到任何文件来确认它是否已被添加回来.但是,我确实发现这在VS 2015中已被删除.请参阅Github上的此链接

由于在新版本发布时与TS编译器发生冲突,TS预览窗格已从Web Essentials 2015中删除.TS团队已经意识到这一点,我希望他们将来可以将这个功能添加到TS工具中.当实现预览窗格时,此功能可能会包含在全新的Web编译器扩展(https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c)中.