1

Sublime 또는 VS Code에서 Intellisense가 인식 할 수있는 특수한 주석 (예 : DocBlockr 또는 JSDocs)을 정의 할 수 있습니다. 스마트 한 툴팁 기능을 제공합니다.Intellisense가 특별한 코멘트를 사용하는 객체에

나는 options 파라미터를 취하는 함수를 가지고있다. 이 객체이며, 기능, 문자열 등의 int는 예는 것 포함 할 수있는 몇 가지 특성을 가질 수 있습니다

function foo(options){ 
    options = options || {}; 

    if(options.foo){ 
     console.log(options.foo); 
    } 
    if(options.bar) { 
     console.log(options.bar()); 
    } 
} 
foo({foo: 'foo', bar: function(){return 'bar';}}); 

가 나는 DocBlockr 주석을 추가 할 수 있습니다,하지만 그것은 단지 그것이 필요 표시하는 툴팁을 얻을 것이다 목적.

옵션 개체의 정의를 일종의 가능하게 만들 수 있습니까? 그렇기 때문에 intellisense를 사용하여 팝업이 표시됩니까?

답변

1

숭고한 텍스트 3를 들어, 당신이 내 JavaScript Enhancement 플러그인을 사용할 수 있습니다와 같은 자바 스크립트 IDE (그것은 후드 Flow 사용)으로 바꿀 것 (당신은 패키지 제어에 또한 찾을 수있다). 여러에서도 enter image description here

:

//@flow 

function foo(options /*: { foo: string, bar: function} */){ 
    options = options || {}; 

    if(options.foo){ 
     console.log(options.foo); 
    }  
    if(options.bar) { 
     console.log(options.bar()); 
    } 
} 

foo() 

그래서, 숭고한 텍스트 3 편집기에서,이 같은 것을 얻을 것이다 : Flow type annotations를 사용하여 경우에, 당신은 당신이 원하는 것을 얻기 위해이 코드를 사용할 수 있습니다

enter image description here

는 또한, 플러그인 스마트 자바 스크립트 자동 완성뿐만 아니라를 제공합니다 : 선 (/* : 매개 변수의 같은 줄에 있어야합니다) 또한 자바 스크립트 프로젝트 (실시간 오류, 코드 리팩토링 등)를 만들고, 개발하고 관리하는 많은 기능을 제공합니다.

+0

놀라운 것 같습니다. 그러나 함수 위에 여러 줄을 사용하여 정의를 정의하는 방법이 있습니까? 내 옵션 개체는 꽤 큰 수 –

+0

예! 새 스크린 샷으로 답변을 업데이트했습니다. Flow 사이트에서 가능한 모든 방법을 볼 수 있습니다. –

+0

와아! 정말 고마워! 나는 분명히 이것을 줄 것이다. VS 코드 포트에 대한 계획이 있습니까? –