Question

我在Visual Studio 2015 update 3中打开了一个Angular 2网站作为网站项目。我添加了“compileOnSave”：true到tsconfig.json并重新启动VS.我重建了项目并运行它，但是没有创建.js文件。我正在使用Typescript 2.0.3。编辑.ts文件时，我看到“BuildOnSave ..”消息。

为什么没有创建Javascript文件的任何想法？

更新 tsconfig.json：

{
    /*"compileOnSave": true,*/
    "compilerOptions": {
        "target": "es5",
        "module": "system",
        "moduleResolution": "node",
        "sourceMap": true,
        "watch": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false
    },
    "exclude": [
        "node_modules",
        "typings/main",
        "typings/main.d.ts"
    ]
}

Answer 1

好像你还没有包含任何要编译的文件有不同的方法来指定编译器需要编译哪些文件，但是你还没有使用过这些文件，你只指定要排除的内容。

您可以使用include：

"include": [
    "src/**/*"
]

或者您可以使用files：

"files": [
    "file1.ts",
    ...
    "fileN.ts"
]

更多关于tsconfig.json docs page中的内容。

您还可以使用rootDir或rootDirs compiler options。

Answer 2

Visual Studio Code包含TypeScript语言支持，但不包括TypeScript编译器tsc。您需要在全局或工作区中安装TypeScript编译器，以将TypeScript源代码转换为JavaScript

安装TypeScript的最简单方法是通过npm，即Node.js包管理器。如果安装了npm，则可以通过以下方式在计算机上全局安装TypeScript（-g）：
npm install -g typescript

您可以通过查看版本或帮助来测试您的安装。 tsc --version tsc --help

最后一定要点击＆＃34;显示所有文件＆＃34;在解决方案资源管理器菜单栏中查看已编译的JavaScript文件

Typescript文件未编译为Visual Studio中的网站项目中的javascript文件

2 个答案: