Question

我想在我的asp.net应用程序中结合web api使用angular2和typescript。我正在关注此链接以设置打字稿并且无法理解一条指令 https://www.typescriptlang.org/docs/handbook/asp-net-4.html

我无法理解的部分是

将CopyFiles目标添加到构建

最后，我们需要确保将Angular文件作为构建的一部分进行复制。要执行此操作，请通过右键单击“卸载”然后“编辑csproj”来编辑项目。 在TypeScript配置PropertyGroup之后，添加一个新的ItemGroup和Target来复制角度文件。

粗体部分没有任何意义。当我打开它进行编辑时，我在项目中看不到打字稿配置属性组。

我真的很感激任何帮助。

Answer 1

而不是在.csproj中指定TypeScript设置，而是建议您在项目的根目录中使用tsconfig.json文件。要利用所有新功能，请下载TypeScript 2.x.示例文件（在本例中使用SystemJS作为模块加载器）可能如下所示：

{
    "compileOnSave": true,
    "compilerOptions":
    {
        "target": "es5",
        "module": "system",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false,
        "baseUrl": ".",
        "outDir": "Assets/Scripts",
        "paths":
        {
            "@angular/core":        [ "/Packages/jspm/npm/@angular/core@2.0.1/index" ],
            "@angular/compiler":    [ "/Packages/jspm/npm/@angular/compiler@2.0.1/index" ],
            "rxjs/*":               [ "/Packages/jspm/npm/rxjs@5.0.0-beta.12/*" ],
        }
    }
}

此outDir属性会将所有TypeScript文件（以及TypeScript文件的文件夹结构）输出到文件夹＆＃34; Assets / Scripts＆＃34;例如，您可以将其包含在.gitignore中。当VS2015中的import语句与JSPM结合使用时，路径设置用于模块分辨率（和IntelliSense）。我相信使用npm管理您的模块并不需要，但您必须尝试。如果有人知道更好的方式告诉VS在哪里寻找Angular，我会很感激。

如果您需要进一步的帮助来设置您的环境，请告知我们。

使用typescript设置Asp.net（Framework）项目时遇到困难

1 个答案: