Visual Studio Typescript到JavaScript

时间:2016-01-15 17:12:39

标签: visual-studio typescript tsconfig

在我的visual studio 2015项目中,我创建了一个打字稿文件file1.ts。我的项目根文件夹中还有一个tsconfig.json文件。我通过npm在全球安装了tsc。我还从这里为visual studio安装了typescript:https://www.microsoft.com/en-us/download/details.aspx?id=48593

但是当我编译项目时,我没有从.ts文件中获取任何.js文件。但我得到了一个打字稿虚拟项目。在stackoverflow中阅读了很多帖子后,我尝试了很多来找到问题。有些人发布了截图,你可以看到他们在Project Properties窗口中有“Typescript Options”,如下所示:

enter image description here

打字稿虚拟项目如下:

enter image description here

在.ts文件中,我使用了一些示例代码:

class Startup {
    public static main(): number {
        console.log('Hello World');
        return 0;
    }
}

tsconfig.json代码是:

{
  "compilerOptions": {
    "module": "commonjs",
    "noImplicitAny": true,
    "removeComments": true,
    "preserveConstEnums": true,
    "sourceMap": true
  }
}

如何让编译器从我项目的.ts文件中创建.js文件,我该怎么做?

修改

我知道在Visual Studio 2015中,如果您使用asp.net 5项目模板,它的开箱即用。但我有一个现有的项目,它不在那里工作。因此必须有一个选项来为现有项目获得此功能!?

1 个答案:

答案 0 :(得分:3)

如果您使用的是Visual Studio 2015,只要您至少使用VS 2015的RTM版本,就不需要任何其他内容。我会假设您是因为那是您的扩展页面发表:))

例如 - 只需创建一个新的ASP.NET 5项目,放入.ts文件,添加一些代码。注意我的这里的typescript文件显示了它下面的.ts及其处理过的.js文件。如果使用2015,npm,加载项安装等都是不必要的,它是开箱即用的。

请注意,对于MVC 5项目,它并不会显示出来。单击下面右侧图标中的第三个“显示所有文件”图标,然后在添加.ts文件后,您将看到.js文件。我在刷新项目视图后立即出现(确保您点击了项目,然后您将看到解决方案资源管理器中显示刷新图标)

enter image description here