Plunker의 유형 검사 및 자동 완성

AG Grid에서 Plunker을 사용하여 모든 코드 예제에 대한 대화형 플레이그라운드를 제공합니다. 최신 릴리스에서는 Plunker의 Typescript 지원을 활용하도록 템플릿을 업데이트했습니다.

향상된 개발자 경험

우리는 브라우저에서 Typescript 지원을 추가하면 Typescript, Angular 및 React와 같은 입력된 예제에 큰 도움이 될 것이라고 믿습니다. 이제 Plunker에서 자동 완성 기능을 사용하여 속성 이름을 정확히 알 필요가 없으므로 구성을 더 빠르게 조정할 수 있습니다.



또한 이제 Plunker에서 직접 JsDoc 주석을 볼 수 있으므로 각 속성을 사용하는 동안 설명하는 데 도움이 됩니다.

마지막으로, 실수를 하여 잘못된 속성을 사용하면 빨간색 물결선으로 경고를 받게 됩니다. 더 이상 오타로 인해 데모가 작동하지 않는 이유에 대해 머리를 긁적일 필요가 없습니다!



이Plunker에서 직접 사용해 볼 수 있습니다.

Plunker에서 Typescript 지원을 활성화하는 방법은 무엇입니까?

Plunker에서 지원되는 유형의 핵심은 package.json 파일이 있다는 것입니다. 이 파일이 있으면 Plunker는 포함된 패키지 유형을 찾을 위치를 알고 있습니다. 이는 유형을 패키지의 일부로 게시할 때 AG Grid와 잘 작동합니다.

예를 들어 이것은 package.json 데모용 React Hooks TS 파일입니다. react 및 react-dom를 포함하여 자체 AG Grid api 및 구성뿐만 아니라 후크에 대한 입력도 가능합니다.

{
  "name": "ag-grid-packages",
  "description": "NOTE: This package.json file is solely used by Plunker to look up type definitions.",
  "dependencies": {
    "react": "17",
    "react-dom": "17",
    "ag-grid-react": "*",
    "ag-grid-community": "*",
    "ag-grid-enterprise": "*"
  }
}

설명에서 알 수 있듯이 이package.json 파일은 데모에 사용된 버전을 제어하지 않습니다. 여전히 SystemJs 구성을 통해 수행됩니다.

그러나 앱 내에서 사용되는 버전을 구성하기 위해 package.json 파일을 활성화하는 Plunker Runtime을 사용하도록 예제를 변환할 수 있으므로 이 공간을 주시하십시오.