js 프롬프트에 d.ts 파일 사용

이번에는 js 프롬프트에 d.ts 파일을 사용할 때와 js 프롬프트에 d.ts 파일을 사용할 때의 주의사항을 알려드리겠습니다. 다음은 실제 사례입니다. 살펴보겠습니다.

자동 완성(스마트 프롬프트)

Microsoft는 이전에 TypeScript 언어를 출시했기 때문에 Visual Studio를 사용하여 TSD 파일과 결합된 TypeScript 코드를 작성하는 것이 꽤 재미있고 스마트 프롬프트 기능이 매우 훌륭합니다.

이 함수는 vsc에 상속되어야 합니다.

VSC의 자동 완성은 입력을 사용합니다.

nodejs 설치

다른 사람이 작성한 d.ts 파일을 설치하려면 node에서 npm을 사용해야 하기 때문에 먼저 nodejs를 설치해야 합니다. 구체적인 단계는 다루지 않겠습니다. nodejs 공식 웹사이트에 가서 해당 프로그램을 다운로드한 후 Next를 클릭하고 설치하세요.

프로젝트의 구성 파일

을 추가하세요. 프로젝트의 루트 디렉터리에서 다음 콘텐츠로 jsconfig.json 파일을 만듭니다.

{
 // See https://go.microsoft.com/fwlink/?LinkId=759670
 // for the documentation about the jsconfig.json format
 "compilerOptions": {
 "target": "es5",
 "module": "commonjs",
 "allowSyntheticDefaultImports": true
 },
 "exclude": [
 "node_modules",
 "bower_components",
 "jspm_packages",
 "tmp",
 "temp"
 ]
}

이 구성 파일의 기능은 VSCodeEditor에 프로젝트가 js 프로젝트임을 알리는 것입니다.

다른 사람이 작성한 관련 d.ts 파일 설치

예를 들어 jquery를 프롬프트하려면 다음 명령을 사용하세요.

npm install @types/jquery -save

npm 소프트웨어 라이브러리가 차단되어 있으므로 차단을 우회하거나 다음 명령을 사용하여 설치해야 합니다.

rreee

끝에 있는 긴 목록은 Taobao에서 구축한 서버를 통해 설치되었음을 나타냅니다.

그러면 프로젝트에 추가 node_modules/@types/jquery 폴더가 있음을 알 수 있습니다.

이때 렌더링에 표시된 것과 같은 효과를 얻을 수 있습니다.

직접 작성한 d.ts 파일을 사용하세요

직접 작성한 d.ts 파일이라면 프로젝트의 루트 디렉터리나 아무 디렉터리에나 d.ts를 넣어주시면 됩니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

js 배열에서 가중치 확률 정렬을 구현하는 방법

3개의 마우스 클릭 이벤트를 바인딩

Js+Canvas를 사용하여 이미지 압축

위 내용은 js 프롬프트에 d.ts 파일 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!