1

背景:VSCodeのIntelliSenseを他のファイルから完成させる方法を教えてください。

私はSwiftにゲームを書きました。今はゲームロジック(モデル)の部分をJSに変換して、ブラウザで再生できる別のバージョンのゲームを書くことができます。 SwiftとJSは非常に異なるので、まずC#にゲームを翻訳してから、Bridge.NETを使用してC#コードをJSに変換しました。さて、私は、JSで、p5.jsライブラリを使用してUIコードを記述したいと思います。 (Bridge.NETはp5.jsをサポートしていないので、C#でUIコードを書くことはできません)

基本的には、p5.jsコードを含むJSファイルを参照するHTMLファイルがあります。 Bridge.NETが出力するJSファイル。 UIコードでは、いくつかのゲームロジックコードを呼び出す必要があります。これはBridge.NET出力ファイルにあります。

Bridge.NETの文書によれば、すべての出力ファイルに<script>というタグを含める限り、通常のJSと同様に出力ファイルからコードを呼び出すことができます。

しかし、私がこれをすべてコード化するために使用しているVSCodeは、Bridge.NET出力ファイルのIntelliSenseを表示せず、p5.jsクラスとメンバのIntelliSenseも表示しません。私はVSCodeは、同じファイル内のコードのためのIntelliSenseをサポートしていることをどこかで読んだことが

<html> 
    <head> 
    <meta charset="utf-8" /> 
    <!-- These are p5.js files --> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.sound.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    </head> 
    <body> 
    <script src="scripts/sketch.js"></script> <!-- This is the file containing UI code --> 
    <!-- The below are the bridge output files --> 
    <script src="scripts/bridge.js"></script> 
    <script src="scripts/bridge.console.js"></script> 
    <script src="scripts/bridge.meta.js"></script> 
    <script src="scripts/MyGame.js"></script> 
    <script src="scripts/MyGame.meta.js"></script> 
    <script> 
    // I should be able to see IntelliSense for all my classes in the line below, but I can't. 
    MyGame. 
    </script> 
    </body> 
</html> 

これは私のHTMLファイルです。私はjsconfig.jsonを追加する必要があることをどこかに読んで、私はこのようなものを追加しました:

{ 
    "compilerOptions": { 
     "target": "ES6" 
    } 
} 

何も変化が。

VSCodeでIntelliSenseを有効にする方法については多くの記事がありますが、それらはすべてnpmとノードを使用していますが、クライアントサイドコード用IntelliSenseを取得しようとしています。

<script>にリンクされたファイルで宣言されたものに対してIntelliSenseを有効にするにはどうすればよいですか?

答えて

1

自動補完は、タイプコピータイプの宣言ファイル - .d.tsに基づいて動作します。ほとんどのライブラリにはすでにnpmパッケージとして入手可能なファイルがありますが、p5の場合と同じように機能しません。

///<reference path=" put the filename with path here "/> 
+0

これはしていないようです:あなたのツールによって生成されたファイルを検索することもでき、これらのいくつかは、彼らがいたMyGame.d.ts.Ifのように作成された場合、あなたはそれへの参照を足すされているスクリプトに追加することもできます'script'タグで動作します。スクリプトタグにもIntelliSenseを有効にする方法はありますか? – Sweeper

関連する問題