visual-studio - Visual Studio 2017 的 typescript 支持

Question

我最近一直在尝试学习 TypeScript，在我安装“Web Essentials”扩展后观看的一些视频中，当我使用 .ts 文件时，visual studio 为您提供了一个预览面板，以便您可以看到键入时的 JavaScript。

这些视频似乎使用的是 VS 2012。

但是在 VS 2017 上安装 Web Essentials 似乎没有这个选项，有谁知道我如何才能让它在 VS 2017 中工作？它对 TypeScript 有同样的支持吗？

Answer 1

因此 TypeScript 默认随 VS2017 安装(更新 2 将为您提供最新版本的 2.3 并允许并行安装)。如果您没有它，您可以通过 Visual Studio 安装程序添加它 - 在安装程序中单击汉堡菜单并选择修改，然后单击单个组件，然后在 SDK、库和框架下您可以添加 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 提示您将更改后的文件加载到磁盘上，勾选始终更新选项会有所帮助)。