Visual Studio代碼不識別內置打字稿定義文件

我一直在試圖用TypeScript（1.5 beta）和AngularJS（1.4）使用Visual Studio Code（0.3.0）編輯器創建一個Hello World樣本。如下面的快照所示，當代碼引用AngularJS的TypeScript定義文件時，VS Code會引發很多錯誤。 enter image description here Visual Studio代碼不識別內置打字稿定義文件

enter image description here

不知道自己做錯了什麼，我在這裏做什麼。

**編輯** 的分型是由第一運行npm install -g typescript然後tsd install [library-name] --save

考慮從GJSmith3rd的意見，建設項目安裝輸出TSC的--help命令。請看下圖： enter image description here

enter image description here

來源

2015-06-20 Anup Vasudeva

我認爲你自己解決了這個問題？涼！請不要編輯你的問題，而是寫一個答案並接受它。這表明問題已經解決。謝謝。 –

@Stefan：對不起，我很困惑。但這只是我嘗試解決問題的一個步驟，但仍然沒有運氣。我只是想說明我拿了最新的打字稿，然後通過tsd安裝了打字機。 –

打字稿在VSCode做工精細你的榜樣。

在VSCode創建一個新的文件夾

創建編譯器選項的簡單tsconfig.json文件

{ 
    "compilerOptions": { 
     "target": "ES3", 
     "module": "amd", 
     "sourceMap": false 
    } 
}

創建示例代碼在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", []); 
    } 
}

重要提示：使用DefinitelyTypedtsd命令從DefinitelyTyped $tsd install angular jquery --save。 Angular依賴於jQuery。
在該應用程序的目錄.settings/tasks.json通過使用移 + CTL + b添加tsd.d.ts文件引用app.ts
```
/// <reference path="typings/tsd.d.ts" /> 
```
配置任務轉輪並選擇「配置任務轉輪」。刪除的"args:[Hello World],內容或創建一個新的類似的任務與"args:[],
編譯任務運行與轉變 + CTL + b

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 ツ [email protected]:~/Workspaces/Examples/TypeScript/MSDN/MyProject5 >tsc --version message TS6029: Version 1.5.3

考慮更新TSC到這個編輯的時間是V1.5.3與sudo npm install tsc -g最新版本。

來源

2015-06-21 05:51:06 GJSmith3rd

謝謝@ GJSmith3rd。我一直執行到第6步。當我編譯任務運行器時，它不輸出任何內容。我按下CTRL + SHIFT + U查看任務輸出，並輸出tsd的幫助信息。它與打字稿或tsd版本有什麼關係？ –

只是好奇知道，你使用原子打字稿？ –

你是從一個新鮮的文件夾開始的嗎？你也'tsd安裝角jquery --save'爲jQuery和Angular安裝tsd.d.ts並引用組合文件？我懷疑這是一個打字稿或tsd版本問題。我認爲你需要確保你有兩個Angular和jQuery的tsd引用，並將它們引用單個tsd.d.ts文件。 – GJSmith3rd

Visual Studio代碼不識別內置打字稿定義文件

回答

相關問題