1

배경 :VSCode의 IntelliSense를 다른 파일의 완성을 어떻게 표시합니까?

나는 스위프트에서 게임을 썼다. 이제 게임 논리 (모델) 부분을 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도 표시하지 않습니다.

이 내 HTML 파일입니다 : 나는 VSCode은 같은 파일의 코드에 대한 인텔리 센스를 지원하는 곳 읽고

<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> 

. 나는 내가 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처럼 만들어진 경우, 당신은 당신이 그것에 대한 참조를을 writting하는 스크립트에 추가 할 수 있습니다 'script' 태그로 작업하십시오. 스크립트 태그에서 IntelliSense를 활성화 할 수있는 방법이 있습니까? – Sweeper

관련 문제