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

时间:2015-06-20 21:37:51

标签: visual-studio-code typescript1.5

我一直在尝试使用Visual Studio Code(0.3.0)编辑器使用TypeScript(1.5 beta)和AngularJS(1.4)创建一个hello-world示例。如下面的快照所示,当代码引用AngularJS' TypeScript定义文件,VS Code会引发很多错误。 enter image description here

enter image description here

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

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

来安装打字机

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

enter image description here

enter image description here

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:1)

VSCode中的Typescript与您的示例一起正常工作。

  1. 在VSCode中创建一个新文件夹

  2. 使用编译器选项

    创建一个简单的tsconfig.json文件
    {
        "compilerOptions": {
            "target": "ES3",
            "module": "amd",
            "sourceMap": false
        }
    }
    
  3. 在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", []);
        }
    }
    
  4. 重要提示:使用DefinitelyTyped tsd命令 来自DefinitelyTyped$tsd install angular jquery --save。 Angular依赖于jQuery。

  5. tsd.d.ts

    添加app.ts个文件引用
    /// <reference path="typings/tsd.d.ts" />
    
  6. 使用 shift + ctl + b 在应用目录的.settings/tasks.json中配置任务运行器选择“配置任务运行器”。删除"args:[Hello World],的内容或使用"args:[],

  7. 创建新的类似任务
  8. 使用任务运行器编译 shift + ctl + b

  9. enter image description here

    以下是我使用"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