2016-07-08 2 views
4

私は私は思ったんだけどはなぜVSCは、このようななぜTypescriptはVisual Studioコード内のtsconfig.jsonを無視しますか?

Error Highlighting in VSC

などのエラーを示しているんです。この

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" 
    ] 
} 

です明らかに誤差が全くない場合(​​はに設定されています3210)、アプリはちょうどいいですか?そして、デコレータだけではなく、Promiseなども強調表示されています(tsconfig.jsontypingsと同じフォルダにあり、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のコードを再起動します。楽しい。あなたはVSコードは、箱から出して提供するものよりも活字体の新しいバージョンを使用する場合

5

短い答え

VSコードは、あなたのtsconfig.jsonを無視します。

あなたはタイプスクリプト2.0.0-dev.20160707を使用しています。そのため、おそらく起こっていることです。 、

まずVSコードで新しい活字版を使用し、あなたのnode_modulesに活字をインストールする方法

。安定した夜間を選択してください。

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

第二、あなたのsettings.jsonに生じたlib相対パスを追加します。つまり、ファイル>設定>ユーザー設定でVSコードのsettings.jsonを開いて、次のプロパティを追加します。その後、

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

、あなたは世界的に活字をインストールした場合(-g)の代わりに、プロジェクトのnode_modulesに、適切にあなたのtypescript.tsdk位置を調整。

第3のは、有効なtsconfig.jsonを持っていることを確認してください。ここに例があります。ボックス内の活字体の最近の安定したバージョンとコードの船VS

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

Documentation

新しいバージョンの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/

関連する問題