我最近一直在尝试学习 TypeScript,在我安装“Web Essentials”扩展后观看的一些视频中,当我使用 .ts 文件时,visual studio 为您提供了一个预览面板,以便您可以看到键入时的 JavaScript。
这些视频似乎使用的是 VS 2012。
但是在 VS 2017 上安装 Web Essentials 似乎没有这个选项,有谁知道我如何才能让它在 VS 2017 中工作?它对 TypeScript 有同样的支持吗?
最佳答案
因此 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 提示您将更改后的文件加载到磁盘上,勾选始终更新选项会有所帮助)。
关于visual-studio - Visual Studio 2017 的 typescript 支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43149606/