[]
        
(Showing Draft Content)

JavaScript IntelliSense

IntelliSense는 Visual Studio 및 VSCode의 가장 뛰어난 기능 중 하나입니다. 타이핑 작업을 줄이고 오류를 줄이며 작업하는 동안 객체 모델을 배우거나 기억할 수 있습니다.

NPM 모듈 사용

Wijmo 모듈이 NPM을 통해 로드되면 VSCode 및 Visual Studio는 node_modules 폴더의 선언 파일을 자동으로 사용합니다. 따라서 이 경우 추가 단계가 필요하지 않습니다.

Angular 컴포넌트를 위해 Wijmo HTML Intellisense 사용

VSCode HTML 편집기에 Angular interop 용 Wijmo에 대한 Intellisense 지원을 추가하려면 다음 단계를 수행하십시오:

  • 실행중인 VSCode 인스턴스에서 왼쪽 메뉴의 "확장"아이콘을 클릭하십시오.
  • 열린 "Extensions"창에서 "More"(3개점) 아이콘을 클릭하고 "VSIX에서 설치…" 메뉴 항목을 선택하십시오.
  • 파일 열기 대화 상자가 나타나면 Wijmo 다운로드 zip의 Dist/Intellisense 폴더에서 wijmo.intellisense.vscode.angular.html.vsix 파일을 선택하고 열기 버튼을 클릭하십시오.
  • 나타난 플라이 아웃(flyout)에서 "지금 다시로드"버튼을 누르십시오.

Global modules 사용 / Script tag로 불러오기

VSCode에 Wijmo IntelliSense 설치

VS 코드에 Wijmo IntelliSense 정의를 설치하려면 TypeScript 정의 파일 ( "* .d.ts")이 필요합니다. 이러한 파일은 Wijmo 의 "Controls"폴더 아래에서 찾을 수 있습니다.:

wijmo_5.xxxxx.xxx.zip
  Dist
    controls
wijmo.d.ts
wijmo.input.d.ts
wijmo.grid.d.ts
    …
  IntelliSense
	Samples
	VSTemplates

"_ .d.ts"파일을 VSCode 프로젝트 루트 아래의 폴더에 복사하십시오. 프로젝트에 "jsconfig.json"구성 파일이 있으면 "_ .d.ts"파일이 포함되어 있는지 확인하십시오. 예 :

"files": [
  "typings/wijmo.d.ts",
  "typings/wijmo.input.d.ts",
  "typings/wijmo.grid.d.ts",
     …
]

다른 방법으로는 "js"파일 맨 위에 참조 주석을 추가하여 "* .d.ts"파일을 지정할 수 있습니다. 예 :

/// <reference path="typings/wijmo.d.ts" />

Visual Studio 2017에서 Wijmo IntelliSense 활성화

Visual Studio 2017에서 TypeScript 선언 (* .d.ts) 파일을 사용하여 JavaScript 인텔리전스를 활성화 할 수 있습니다. Wijmo 선언 파일은 Widjmo 다운로드 zip의 "Dist / Controls"폴더에 있습니다. Visual Studio 2017에서 Wijmo JavaScript 인텔리전스를 활성화하는 것은 응용 프로그램에서 Wijmo를 참조하도록 선택한 방법에 따라 다릅니다.

Visual Studio에서 Wijmo IntelliSense 정의 파일을 설치하려면 다음 단계를 따라하시면 됩니다.:

  1. "wijmo.intellisense.js"파일을 컴퓨터에 복사하십시오.
  2. 아래 경로의 Visual Studio 설정 창을 엽니다. Tools|Options|Text Editor|JavaScript|IntelliSense|References
  3. 참조 그룹 ComboBox에서 다음을 선택합니다. Implicit (Web)
  4. "wijmo.intellisense.js"파일에 대한 참조 추가
  5. 확인을 클릭하여 변경 사항을 적용하십시오.

Wijmo IntelliSense 사용

Wijmo IntelliSense 정의 파일이 설치되면 JavaScript 코드를 작성하면서 Wijmo 클래스의 객체 모델을 검색하고 탐색 할 수 있습니다. 아래 이미지는 예제를 보여줍니다.: