2016-09-23 6 views
14

Webプロジェクト(Visual Studio 2015 Community)からタイピングを削除しようとしましたが、新しいNPM @タイプ(typescript 2.0.3 )package.jsonに:私は私のVSプロジェクトでタイピングのフォルダが含まれているためVisual Studio&Typescript 2.0.3を使用してタイピングから@typesに移動

"dependencies": { 
    "@types/angular": "^1.5.8", 
    "@types/angular-cookies": "^1.4.2", 
    "@types/angular-local-storage": "^0.1.33", 
    "@types/angular-material": "^1.1.37", 
    "@types/angular-translate": "^2.4.33", 
    "@types/lodash": "^4.14.36" 
    } 

のVisual StudioのIntelliSenseが前にタイピングとうまく働きました。 NPMはタイプをnode_modules/@typesフォルダにインストールします。今ここに私の問題があります。私は実際にVSプロジェクトにnode_modulesから何かを含めるつもりはありません。 node_modulesフォルダを削除して、npmで自由に再作成してください。 Visual Studioは、インストールされたタイピングがプロジェクトに含まれていないと認識しません。 私は///参照タグを含むファイルを作成することができたと思いますが、入力/削除の際にこのファイルを手動で維持する必要があります。

VS IntelliSenseを動作させるための推奨方法はありますか?

答えて

12

スイッチを2.0にして、新しい@types規則を使用した後、同じ問題が発生しました。

私はここtsconfig.jsonのために仕様を検討していた後、この有用な性質を発見した:compilerOptionsのhttp://json.schemastore.org/tsconfig

「typeRoots」プロパティを。

私は入力を取り込むためにファイルを取得したり、配列を組み込むことができませんでしたが、これは私のトリックでした。

例として、私のtsconfig.jsonファイル:

{ 
    "compileOnSave": true, 
    "compilerOptions": { 
    "outDir": "./dist/", 
    "sourceMap": true, 
    "noImplicitAny": false, 
    "module": "commonjs", 
    "target": "es5", 
    "jsx": "react", 
    "typeRoots": [ 
     "node_modules/@types" 
    ] 
    } 
} 

が、これは同じ問題を持つ人がお役に立てば幸いです。

+0

これは確かにtypescriptですコンパイラのトリックを行います。しかし、Visual Studio IntelliSenceでは、欠落しているタイプについてはまだ不満があります。 –

+0

"npm install -g typescript"を介してtypescriptがグローバルにインストールされていますか? 私はintellisenseに問題はないようですが、欠けている他のグローバル設定があるはずです。 グローバルにインストールされたtypescriptに加えて、 "npm install typings -g"を実行しましたか? – Miek

+2

二重チェックの後、新しい@typesリポジトリを使用するとき、Intellisenseのモジュールは明示的にインポートされない限り使用できないことに気付きました。たとえばlodashの場合は、 'lodash 'から' import * as _ _'を使用する必要があります。 「これは私の元の質問に対する答えだと思う。 –

2

VS 2015 Update 3をインストールし、次にTypeScript 2.0.3ツールをインストールします。ここで

+1

すでにUpdate 3とTS 2.0.3ツールがあります。 –

1

は、活字体のv2.0.3以上を持っているようにしてください、

まず...(アップデート3のとおり)のVisual Studio 2015年に@typesを使用した例です。その後

、次のようにタイピングを追加します。

"devDependencies": { 
    "typescript": "^2.0.3", 

    "@types/jquery": "*", 
    "@types/lodash": "^4.14.36" 
    } 

を次に、あなたのtypescriptファイルに、単純に以下を追加...

/// <reference path="jquery.d.ts"/> 
/// <reference path="jquery.lodash.d.ts" /> 

ライブラリの種類が利用可能であるかどうかを確認するために、 Definitely Typedによって強化されたType Searchをチェックしてください。

参考文献:

関連する問題