서 문 .
이전 기사 에서는 모 나 코 에서 메 서 드에 주 석을 추가 하는 방법을 설명 했으며 , 코 덱 또는 마 커 를 사용하여 변 수 , 상 수 또는 메 서 드의 문 서를 표시 했습니다 .그러나 이 접근 법은 수백 개의 메 서 드가 있는 js 라이 브 러 리와 같은 대규모 라이 브 러 리에 적합 하지 않으며 게 으 른 프로그래 머 로서 모든 메 서 드를 mona co 에 추가 하는 것은 불가능 합니다 .이 기사 에서는 편집 기 경험을 향상 시키기 위해 types cript 형 식 선언 파일을 사용하는 방법을 소개 합니다 .특정 메 서 드의 자세한 문 서를 표시 할 수 있을 뿐만 아니라 메 서 드의 자동 완료 도 표시 할 수 있습니다 .
核心方法只有一个
add Ex tra Lib
mona co 는 L SP (L angu age Services Protocol) 에 대한 v code 액세스 와는 달리 모든 대 량 구현 이 자동 으로 완료 되어야 하기 때문에 메 서 드 주 석 이 더 번 거 롭 지만 mona co 는 타입 선언 문자 열 을 전달 하는 add Ex tra Lib 메 서 드를 추가 했습니다 .아래 와 같은 내용
클래 스 Fa cts {
/**
* 다음 팩 트 반환
*/
st atic next (): string
}Facts.next将这段文本使用addExtraLib 添加到monaoc语言服务中，那么在用户在编写아래 그림 과 같이
ts 형 식 선언 내용을 사용하여 언어 모델을 만들 면 다음 그림 과 같이 메 서 드 에서 특정 선언 을 볼 수 있습니다 .
이 시 나 리 오는 특히 특정 방법에 익숙 하지 않은 프로그래밍 을 위한 많은 이 점을 가지고 있습니다 .메 서 드 이름 위에 마 우 스를 놓 아 문 서를 볼 수 있습니다 .매우 친절 하고 편 리 하다 .
J S 라이 브 러 리 (lod ash 또는 j Quer y) 를 사용할 때 메 서 드의 전체 이름을 잊 거나 메 서 드의 매 개 변 수 순 서를 기억 하지 못하는 경우가 있습니다 .이를 위해서는 메 서 드 문서 가 필요합니다 .
다음 으로 , 나는 lod ash 와 j Quer y 라이 브 러 리를 예 로 삼 고 mona co 에 두 라이 브 러 리를 추가 합니다 .
mona co 에 디 터 에 load ash 라이 브 러 리 통합
먼저 , 우리는 lod ash 의 ts 선언 파일을 가져 옵니다 .간단한 검색 후 , 나는 이 git 저장 소를 찾 았습니다 , https : / / www . example . com github.com/DefinitelyTyped/DefinitelyTyped
우리는 로 다 시 의 TS 진 술을 알고 있다 .여기에서 구입 할 수 있습니다 .
https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/lodash/v3/index.d.ts
일부 라이 브 러 리 에서는 index . d . ts 가 쉘 에 불과 하며 본질 은 개별 하 위 파 일에 분 산 되어 있습니다 .
위의 링크 를 lod ash . d . ts 파 일에 저장 합니다 .
그런 다음 HTML 에서 fet ch 를 사용하여 파일 의 구체적인 내용을 가져 옵니다 . 핵심 코 드는 다음과 같습니다 .
const mona co T yp es Ur l = '. / lod ash . d . ts .
const lib So urce = awa it (wa it fet ch (mona co T yp es Ur l text ();
conso le . log (lib So urce)
var lib U ri =" ts : fil en ame / lod ash . d . ts ";
mona co . languages . types cript . javas cript De fa ults . add Ex tra Lib (lib So urce , lib U ri);
정의 와 참조 를 해결 할 때 편집 기는 생성 된 모델을 사용 하려고 시도 합니다 .
라이 브 러 리에 대한 모델을 만들 면 " pe ek definition / refer ences " 명령을 사용하여 라이 브 러 리를 사용할 수 있습니다 .
mona co . editor . create Mod el (lib So urce , " ty pes cript ", mona co . Uri . par se (lib U ri));这样集成后，看看在编辑器中的表现，当我们打出
그런 다음 cl one De ep 메 서 드를 호출 하여 다음 그림 과 같이 나타 납니다 .
정말 대단 하지 않 나요 ?
다음 으로 j Quer y 라이 브 러 리 통합 을 살펴 보 겠습니다 .
j Quer y 라이 브 러 리를 mona co 편집 기에 통합
위의 단계를 따르 면 j que yr 의 ts 선언 파일을 가져 옵니다 .
아래 의 링크 에서 j Quer y v 2 버전 의 ts 선언 을 얻을 수 있습니다 .
https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/jquery/v2/index.d.ts
파일 의 내용을 복 사 하여 로 컬 파일 j qu ery . d . ts 에 넣 습니다 .
mona co T yp es Ur l 변 수를 ./ 로 변경 합니다 . j qu ery . d . ts '
j Quer y Aja x 를 호출 하는 자동 완료 를 살펴 보 겠습니다 .
Viewajax的方法参考
이것은 mona co 에 추가 라이 브 러 리를 통합 하는 훌륭한 경험 입니다 .편집 기의 사용자 경험을 크게 향상 시킬 수 있습니다 .
이 외에도 여러 ts 선언 라이 브 러 리를 동시에 주 입 하거나 자동 프 롬 프트 , 자동 완료 를 위해 자체 ts 선언 라이 브 러 리를 작성 할 수 있습니다 .
요 약
편집 기는 매우 복잡한 소프트웨어 제품 이며 사용자 경험을 향상 시킬 수있는 모든 기능은 주의 를 기울 여야 합니다 .
개발 경험 은 제품의 성공 여 부를 직접 적으로 결정 합니다 .
Leave a Reply