2016-07-08 96 views
4

我得到了我的項目設置這樣的爲什麼Typescript在Visual Studio代碼中忽略我的tsconfig.json?

project/ 
| 
+---src/ 
| | 
| +---app/ 
|  | 
|  sample.ts 
| 
+---typings/ 
+---tsconfig.json 

,這裏是我的tsconfig.json

{ 
    "compilerOptions": { 
     "rootDir": "src", 
     "target": "es5", 
     "module": "commonjs", 
     "moduleResolution": "node", 
     "emitDecoratorMetadata": true, 
     "experimentalDecorators": true, 
     "removeComments": true, 
     "sourceMap": true, 
     "noImplicitAny": false, 
     "outDir": "dist" 
    }, 
    "exclude": [ 
     "node_modules", 
     "src/assets", 
     "src/lib" 
    ] 
} 

我想知道的是,爲什麼不VSC指示錯誤,如

Error Highlighting in VSC

當清楚地沒有任何錯誤時(​​設置在tsconfig.json),應用程序運行得很好嗎?這不僅僅是裝飾者,Promise之類也被突出顯示(我確保tsconfig.json在與typings相同的文件夾中,並且我得到了安裝es6-shim的類型)。

不知道它是否重要,但我目前在[email protected]

回答

2

找到文件夾typescript安裝由npm,於我而言,這是:

C:\Users\<username>\AppData\Roaming\npm\node_modules\typescript\\lib 

在其他文件中,應該有:

lib.d.ts 
tsserver.js 

內。現在打開的設置:

File -> Preferences -> User Settings/Workspace Settings 

這將打開一個文件settings.json,添加:

{ 
    "typescript.tsdk": "C:\\Users\\<username>\\AppData\\Roaming\\npm\\node_modules\\typescript\\lib" 
} 

(介意雙反斜線\\),保存和 - 重要的 - 重新啓動Visual Studio代碼。請享用。

5

簡答

當您使用打字稿的新版本比VS代碼提供開箱即用的一個VS代碼忽略你的tsconfig.json

您正在使用TypeScript 2.0.0-dev.20160707,因此可能發生了什麼情況。

如何在VS代碼

首先使用更新版本的打字原稿,打字稿安裝到你的node_modules。選擇穩定或每晚。

npm install typescript --save-dev // stable 
npm install [email protected] --save-dev // nightly 

,得到的lib相對路徑添加到您的settings.json。即,通過文件>設置>用戶設置在VS代碼中打開settings.json,然後添加以下屬性。

{ 
    "typescript.tsdk": "node_modules/typescript/lib" 
} 

注意,如果全球(-g)安裝打字稿,而不是到你的項目的node_modules,然後適當地調整你的typescript.tsdk位置。

第三,請確保您有一個有效的tsconfig.json。這是一個例子。

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
     "sourceMap": true, 
     "target": "es5", 
     "experimentalDecorators": true, 
     "noImplicitAny": false 
    }, 
    "exclude": [ 
     "node_modules" 
    ], 
    "filesGlob": [ 
     "src/**/*.ts", 
     "test/**/*.ts", 
     "typings/index.d.ts" 
    ] 
} 

Documentation

VS代碼附帶在框中打字稿的最新穩定版本。 如果您想使用更新版本的TypeScript,,您可以定義指向包含TypeScript tsserver.js和相應的lib。*。d的目錄的typescript.tsdk設置(文件>首選項>用戶/工作區設置)。 ts文件。目錄路徑可以是絕對的或相對於工作區目錄。通過使用相對路徑,您可以輕鬆地與團隊共享此工作區設置,並使用最新的TypeScript版本(npm install typescript @ next)。請參閱此博客文章,瞭解如何安裝TypeScript夜間版本的更多詳細信息。 (強調增加)。

參見:https://blogs.msdn.microsoft.com/typescript/2016/01/28/announcing-typescript-1-8-beta/

相關問題