Eclipse에서 VSCode로 마이그레이션하기, Workspace에서 Implement/References를 열기위한 대안

Question

Eclipse의 js 지원이 Java 's만큼 좋지 않기 때문에 Javascript로만 개발을 시작할 것입니다. VSCode는 요즘 자바 스크립트 개발의 최첨단에있는 것 같습니다. 그래서 이클립스에서 VSCode로 옮겨 가고 있습니다. 이클립스는 그다지 좋지는 않았지만 간단히 말해서 두 명령/단축키로는 더 효과적입니다.

foo.js이 이클립스에 있던 가정

var foo = { 
    doSomething: function(){ 
     console.log("hello world"); 
    } 
} 

module.exports = foo; 

bar.js

var foo = require('./foo') 

foo.doSomething(); 

하고 대신 자바했다 : 그래서 사람들을 위해이 예제를주지 사람에 익숙하지 않은 Javascript : bar.js를보고있는 경우에 doSomething()이 의미하는 바가 무엇인지 알고 싶습니다. doSomething에서 F3 (Open Implementation)을 누르면 foo에 대한 구현으로 바로 넘어갑니다. .js.

foo.js에 있고 doSomething()이 호출되는 위치를 알고 싶다면 Ctrl + Shift + G를 누르는 다른 명령 인 Workspace의 참조가 다른 방법 일 수 있습니다. 작은 창에서 bar.js (및이 파일을 사용하는 다른 모든 파일)의 정확한 행을 표시합니다. 또한 단순한 검색뿐만 아니라 do.omething을 호출하는 파일을 표시하지 않는다고 말하는 것은 주목할 만합니다. foo.js에 선언 된 doSomething이 아닙니다.

VSCode에서 모두 찾기를 찾았지만 같은 파일에만 적용됩니다. Go To Declaration 명령도 있지만 실제로 유용하지만 동일한 파일에만 적용됩니다. 내가 bar.js에 있다면 foo.doSomething()에 foo를 선택할 수 있으며, Go To Declaration을 사용하면 require 문으로 나를 보냅니다. 대용량 파일에 유용하지만 하루가 끝날 때까지 require 문에 여전히 머물러있어 모듈로 빨리 이동할 수 없습니다.

그래, 나는 이것들을 자바 스크립트에서 구현하는 것이 클래스/타입 구조와 그 밖의 모든 것들 때문에 자바에서보다 어렵다는 것을 안다. 하지만 내 질문입니다 :

• VSCode에서 기본적으로 원하는 것을 얻을 수있는 방법이 있습니까? 어쩌면 제가 간과하고있는 명령이 있을까요?

• 이를 수행 할 수있는 확장 프로그램이 있습니까? 나는 한 시간 전에 하나의 확장을 시도한 것을 기억합니다. 그러나 실제로는 잘 작동하지 않았습니다 (실패/충돌). TypeScript/ES6을 사용하면 확장 기능이 더 쉽게 작동 할 수 있습니까?

• 정확한 대안이 없으면 이러한 문제를 처리하려면 어떻게해야합니까? 어떻게하면 다른 파일에있는 함수의 선언으로 빨리 갈 수 있을까요? 필요한 파일은 node_modules의 lib가 될 수 있습니다. 그리고 프로젝트 내에서 동일한 이름과 많은 파일에 다른 많은 함수가있을 수 있다는 것을 명심하면서 특정 함수가 호출되는 모든 장소를 어떻게 찾을 수 있습니까?

감사합니다. 읽고 감사드립니다.

Answer 1

파일간에이 지원을 사용하려면 jsconfig.json 파일을 만들어야합니다.

자바 스크립트 인텔리 바로 하나의 파일에 대해 작동합니다

는 docs 인용합니다. Node.js에서 사용하는 CommonJS 모듈 시스템을 사용하는 경우 즉시 모듈 전체에 IntelliSense가 표시됩니다.

는 자바 스크립트 프로젝트를 표시하는 jsconfig.json 파일을 만듭니다

모든 작업 공간에있는 파일 및 외부 모듈을 통해 인텔리을 구성하는 두 가지 이상의 단계가 있습니다. Install TypeScript 외부 라이브러리에 대한 정의 파일 (입력)입니다.

이 문서는 다른 설정에 대한 자세한 정보를 가지고 있지만, 단순히 프로젝트 루트에 jsconfig.json라는 이름의 파일을 생성하는 것은 시작하기에 충분해야한다 :

{ 
    "compilerOptions": { 
     "target": "ES6" 
    }, 
    "exclude": [ 
     "node_modules" 
    ] 
} 

당신은의 동작에 대한 자세한 정보를 원하는 경우 vscode에서 사용하는 자바 스크립트 언어 서비스는 Salsa 설명서를 참조하십시오.

Answer 2

VSCode에서 기본적으로 원하는 것을 얻을 수있는 방법이 있습니까? 어쩌면 내가 간과하고있는 명령이 있습니까?

네가 원하는 것은 내장되어 있다고 생각합니다. 찾으려는 기호에 커서가있는 F12을 눌러보십시오 ... 때로는 TypeScript에서 import ed에 대해 두 번 눌러야하지만 잘 작동합니다.

이것은 jsconfig.json을 필요로하지 않는 것 같습니다. 그렇지 않으면 빈 디렉토리에서 언급 한 두 파일만으로도 저에게 효과적입니다. 그러나 설정 파일의 잘못된 설정으로 인해이를 막을 수 있습니다.

환경 설정 : 키보드 바로 가기 열기 명령을 사용하여 키 바인딩을 변경할 수 있습니다. 불행히도 나는 (아직) 다른 IDE의 에뮬레이션을위한 키 바인딩 라이브러리가 없다고 생각한다.