Visual Studio 代码无法识别内置的打字稿定义文件

Visual Studio Code not recognizing the built-in typescript definition files

我一直在尝试使用 Visual Studio 代码 (0.3.0) 编辑器使用 TypeScript (1.5 beta) 和 AngularJS (1.4) 创建一个 hello-world 示例。如下图所示,当代码引用 AngularJS' TypeScript 定义文件时,VS Code 会抛出很多错误。

不确定我在这里做错了什么。

** 编辑 ** 打字由先 运行 npm install -g typescript 然后 tsd install [library-name] --save

安装

考虑到GJSmith3rd的评论,构建项目输出了tsc的--help命令。见下文:

VSCode 中的 Typescript 在您的示例中运行良好。

  1. 在 VSCode

  2. 中创建一个新文件夹
  3. 使用编译器选项创建一个简单的 tsconfig.json 文件

    {
        "compilerOptions": {
            "target": "ES3",
            "module": "amd",
            "sourceMap": false
        }
    }
    
  4. 在 app.ts

    中创建示例代码
    export interface IPerson {
        firstName: string;
        lastName: string;
    }
    
    export class Person implements IPerson {
        constructor(public firstName: string, public lastName: string) {
            var module = angular.module("myApp", []);
        }
    }
    
  5. 重要提示: 使用 DefinitelyTyped tsd 命令 $tsd install angular jquery --save 来自 DefinitelyTyped。 Angular 取决于 jQuery.

  6. 添加对 app.ts

    tsd.d.ts 文件引用
    /// <reference path="typings/tsd.d.ts" />
    
  7. 使用 shift+ctl 在应用程序目录中的 .settings/tasks.json 配置任务运行程序+b 和 select "Configure Task Runner"。删除 "args:[Hello World], 的内容或使用 "args:[],

  8. 创建一个新的类似任务
  9. 使用 shift+ctl+b 使用 Task Runner 编译

这是我使用的未注释的任务运行程序"args": [],

// A task runner that calls the Typescipt compiler (tsc) and 
// Compiles a app.ts program
{
    "version": "0.1.0",

    // The command is tsc. Assumes that tsc has been installed using npm install -g typescript
    "command": "tsc",

    // The command is a shell script
    "isShellCommand": true,

    // Show the output window only if unrecognized errors occur. 
    "showOutput": "silent",

    // args is the app.ts program to compile.
    "args": [],

    // use the standard tsc problem matcher to find compile problems
    // in the output.
    "problemMatcher": "$tsc"
}

如果在 VSCode 中编译仍然存在问题,请从项目目录中尝试命令行以获取线索。

tsc --module amd  --out app.js app.ts

并检查您之前提到的版本:

02:00:23 ツ gjsmith3rd@DV7:~/Workspaces/Examples/TypeScript/MSDN/MyProject5 >tsc --version message TS6029: Version 1.5.3

考虑将 tsc 更新到最新版本,在编辑时是 v1.5.3 sudo npm install tsc -g