Visual studio Visual Studio 2017的Typescript支持

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

这些视频似乎在使用VS 2012

---

然而，在VS 2017上安装Web Essentials似乎没有此选项，有人知道我如何在VS 2017中实现此功能吗？它对TypeScript是否有相同的支持？

我知道你的问题是针对VS 2017的，我没有找到任何关于VS 2017的文档来确认它是否已被添加回来。然而，我确实发现这在VS 2015中被删除。请参阅上的此链接

---

TS预览窗格已从Web Essentials 2015中删除，因为新版本出现时，TS编译器会不断发生冲突。TS团队已经意识到了这一点，我希望他们将来会将该特性添加到TS工具中。在实现预览窗格后，此功能可能会包含在全新的Web编译器扩展（）中。

因此，默认情况下，VS2017将安装TypeScript（更新2将提供最新版本的2.3，并允许并行安装）。如果没有，可以通过Visual Studio安装程序添加它-从安装程序中单击burger菜单并选择Modify，然后单击各个组件，然后在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提示您将更改的文件加载到磁盘上，则勾选“始终更新”选项将有助于您）。

我有一个解决办法，这是一项小工作，但在我想要检查输出时，这有助于解决偶尔出现的问题

我正在运行vs2017，我已经安装了web essentials和web编译器，但从15.4开始它似乎仍然不支持ts，而且我无法让tsconfig.json正常工作

简要显示项目中的隐藏文件并选择相应的js文件，然后将选项卡拖到右侧，这样您就有了一个拆分屏幕

当您更改并保存ts文件时，您可能会看到一个弹出窗口，上面写着“文件已更改”或类似的内容，您可以在上面选择一个复选框，上面写着“如果未检测到任何更改，则自动恢复”（同样，我可能是在转述，我试图找到该选项，以便重置它以获得屏幕截图，但我找不到！），选中该选项，然后选择“Yes to All”，这将刷新js文件。下次更改ts文件时，js文件将更新

---

我知道这不是很好，但我发现它非常有用，因为我可以模拟您在学习本课程时看到的内容，并且他们会不断显示javascript预览。

在Visual Studio 2017中，您需要安装“Node.js development”在安装过程中增加工作负载，或通过单击“未找到要查找的内容？打开Visual Studio安装程序”链接在“新建项目”对话框中修改现有安装

---

然后是文件>新建>项目。。。将包括安装类别下的Javascript和Typescript项目模板

我已经安装了web essentials 2017，但不确定这是否是强制性的。 问题是如何在VS 2017中并排打开两个文件；特别是一个typescript及其对应的js文件

您可以并排打开任意两个文件，其步骤如下

首先从解决方案资源管理器中双击这两个文件以打开它们

接下来，将光标放在上面突出显示的红色框上，并向下拖动Car.js文件选项卡

现在您可以看到五个小正方形，用红色方框突出显示。将光标移动到4个外部小方块中的任意一个上。我将光标放在右侧，如下所示

好了

---

我想这在不安装web essentials的情况下也可以使用，并且是vs的一项功能。如果不安装web essentials也可以使用，请告诉我。

我有Visual Studio 2017.2（26430.15），但我的TypeScript版本仍然是2.2.2.0。有人知道他们是否已经停止提供新的TypeScript版本和Visual Studio更新吗？@Hermann.Gruber我也被困在2.2.2.0。我报告了这个问题@Eric D.Johnson:谢谢分享这个链接！然而，我的意思是，他们是否停止将新的TypeScript版本与VisualStudio更新捆绑在一起。显然是这样的：-（请参阅我在发表上述评论后几天在此报告的问题：@Hermann.Gruber感谢您的回复，实际上帮助我找到了解决方案！基本上，在我更新并选择了2.2或2.4版本后，取消了对这两个版本的选择，有效地关闭了该项目的

tsc

。@matt Thank man，我花了一段时间才意识到它唯一的支持。）d.net核心项目：(