# JavaScript IntelliSense

## Content


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"파일이 포함되어 있는지 확인하십시오. 예 :

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

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

```html
/// <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 클래스의 객체 모델을 검색하고 탐색 할 수 있습니다. 아래 이미지는 예제를 보여줍니다.: