VSCode/Monaco IntellisenceのJavaScriptタイプのヒントを追加

Question

VSCode/Monacoのインテリセンスに変数の種類をヒントできますか？

私が持っている私はVSCodeがlocがURL

であることを知っている。しかし、それはglが何であるかを知らないことがわかり、この

var loc = window.location; 
var gl = context1.getContext("webgl"); 
var ctx = context2.getContext("2d"); 

のようないくつかのコード

また、それは、ctxは理にかなって

が何であるかを知らず、関数はその入力に基づいて、異なる型を返す有するやや珍しいケースです。

しかし、それはWebGLRenderingContext

のための型のデータを持っているし、それがCanvasRenderingContext2D

を知っている私はvscodeを伝えるためにのために方法はありますが/ glであることモナコインスタンスはWebGLRenderingContextであり、ctxはCanvasRenderingContext2D wiのインスタンスですtypescriptに切り替える必要はありませんか？たぶん、コメントを追加することで？

これはWebGLチュートリアルサイトのためのもので、実際はVSCodeのものではないので、少なくとも私のテストでは少なくとも私のテストでは解決する解決策が必要ですが、解決策が同じだと思っています。

Answer 1

更新：モナコの0.9.0のように、これらの型注釈は今

---

は、彼らがモナコで動作するように表示されませんがVSCodeでそのJSDoc style type annotations作品を見ている作業します。

var loc = window.location; 

/** @type {WebGLRenderingContext} */ 
var gl = context1.getContext("webgl");  

/** @type {CanvasRenderingContext2D} */ 
var ctx = context2.getContext("2d"); 

あなたは活字体を使用して喜んでいる場合

Answer 2

、あなたはこれを行うことができます：ミカPとして

var gl : WebGLRenderingContext;

Answer 3

受け入れられた答えに対するコメントの中には、まだ外部モジュールに問題があるかもしれません。ライブラリで、型を参照できるグローバルオブジェクトが定義されている場合、jsdoc型の注釈が有効になります。それ以外の場合は、すべてをインポートして自分の名前にマッピングすることでこれを模倣することができます。

import * as Foo from 'foo' 

/** @type {Foo.Foo} */ 
var foo; 

https://github.com/Microsoft/TypeScript/issues/8237#issuecomment-213047062