9

我最近一直在努力学习打字原稿,并在一些有.TS工作时,我一直在安装“网络纲要”后延观看视频文件的Visual Studio打字稿支持为您提供了一个预查看面板,以便您可以在键入时看到JavaScript。为Visual Studio 2017年

这些影片似乎可以用VS 2012

但是安装在VS 2017年的Web要点似乎没有这个选项,没有人知道我怎么能得到这个在2017年VS工作?它对TypeScript有相同的支持吗?

回答

5

我看到你的问题是2017年VS和我没有找到2017年VS任何文件,以证实是否已被加回。然而,我却发现,这是在2015年VS去除参见Github

此链接的TS预览窗格已经从网络要点2015年删除,由于连续运行与TS编译器时发生冲突的新版本问世。 TS团队知道这一点,我希望他们将来可以将这个功能添加到TS工具中。预览窗格实施时,此功能可能会包含在全新的Web编译器扩展(https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c)中。

14

所以打字稿默认安装与VS2017(更新2会给你的最新版本2.3,并允许并排安装)。如果您没有它,可以通过Visual Studio安装程序添加 - 从安装程序中单击汉堡菜单并选择修改,然后单击单个组件,然后在SDK,库和框架中添加TypeScript。

一旦安装,你可以添加一个tsconfig.json文件告诉编译器打字稿如何做人,这里举例:

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

重要的设置是compileOnSave告诉VS编译js文件当您保存TS。

您现在应该看到你有你的打字稿文件中嵌套的JavaScript文件:

Nested TypeScript

现在你只需要并排打开两个文件一边,当你保存TS然后JS会自动更新(如果VS提示您将更改的文件加载到磁盘上,它有助于打勾始终更新选项)。

+0

我有Visual Studio 2017.2(26430.15),但是我的TypeScript版本仍然是2.2.2.0。任何人都知道他们是否停止将新的TypeScript版本与Visual Studio更新一起发送? –

+1

@ Hermann.Gruber我也被困在2.2.2.0。我报告了这个问题https://github.com/Microsoft/TypeScript/issues/17619 –

+0

@Eric D. Johnson:感谢分享链接!然而,我的意思是,他们是否停止*将新的TypeScript版本与Visual Studio更新捆绑在一起。很明显,情况就是这样:-(请参阅我在上述评论后几天报告的问题:https://developercommunity.visualstudio.com/content/problem/83772/no-more-typescript-updates.html –

1

我身边有一个工作,这是一些工作,但与奇场合帮助时,我想检查输出。

我运行vs2017我已经安装了网络要领和网络编译器,但它仍然没有出现,支持TS为15.4,我不能让tsconfig.json工作。

简要介绍您的项目中隐藏文件,并选择相应的js文件,然后将标签拖动到右边让你有一个分屏enter image description here

当您更改并保存TS文件,你可能会得到一个弹出窗口说“文件已经改变”或类似的东西,有一个复选框,你可以在那里选择“自动恢复,如果没有检测到变化”(我可能会解释,我试图找到选项,所以我可以重置它得到一个截图,但我找不到它!),检查,然后选择“是所有”,这刷新了js文件。下次你改变你的ts文件时,js文件将会更新。

我知道这不是很好,但是我发现它非常有用,因为我可以得到您在跟踪课程时看到的内容的类比,并且它们一直显示JavaScript的预览。

0

在Visual Studio 2017中,您需要在安装过程中安装“Node.js开发”工作负载,或者在“新建项目”对话框中修改现有安装,方法是单击“找不到您要找的内容? Studio Installer“链接。

然后File> New> Project ...将在Installed类别下包含Javascript和Typescript项目模板。