[javascript] Chrome 확장 프로그램 개발을 위해 WebStorm을 어떻게 사용합니까?

방금 WebStorm 5를 구입했고 지금까지 검사 기능을 정말 좋아했습니다. 내 Chrome 확장 프로그램을 개발할 때 한 가지 문제는 chrome변수를 인식하지 못한다는 것 입니다.

chrome입력 할 때 자동 완성되도록 Inspector에 변수를 추가 할 수있는 방법이 있습니까? Chromium을 외부 라이브러리로 추가해야 할 것 같지만 어디서 시작해야할지 모르겠습니다.

답변

처음 설정

Settings대화 상자 열기 ( File> Settings)
클릭 Languages & Frameworks> Javascript>Libraries
딸깍 하는 소리 Download
TypeScript community stubs선택 되었는지 확인
chrome목록에서 선택하십시오 (를 입력하여 빠르게 찾을 수 있음 chrome).
딸깍 하는 소리 Download and Install
OK설정 대화 상자를 닫으 려면 클릭하십시오 .

아래에 설명 된 2-6 단계 :

후속 프로젝트에서

후속 프로젝트에서는 다음을 수행합니다.

Settings대화 상자를 다시 엽니 다 ( File> Settings).
클릭 Languages & Frameworks> Javascript> Libraries다시
검사 chrome-DefinitelyTyped
OK대화 상자를 닫으 려면 클릭하십시오 .

아래에 표시된 2-4 단계 :

답변

업데이트 2 :

이제 기본적으로 지원 됩니다 . 아래 의 전체 답변을 참조하십시오 .

라이브러리 다운로드

업데이트 :

코드 완성을 위해 라이브러리로 추가 할 수있는보다 완전한 스텁 파일이 있습니다. Closure Compiler 프로젝트의 일부입니다. chrome_extensions.js를 다운로드 합니다 .

WebStorm 에 대한 기능 요청을 참조 하여 IDE에서이 라이브러리를 자동으로 추가하십시오.

Chrome API 용 자바 스크립트 라이브러리를 어딘가에 가져 오거나 스텁을 사용하여 기본 완성을 가져와야 합니다.

WebStorm에서 라이브러리 또는 스텁 을 구성 할 수 있습니다 .

Extension API가 있는 JSON 파일을 찾았습니다 . 이러한 JSON 파일에서 JS 스텁을 빌드하는 스크립트를 작성할 수 있습니다. 스텁은 위의 GitHub에 링크 된 기본 버전처럼 보일 수 있지만 자동 생성을 사용하면 거의 완전한 API 및 JSDoc 주석이 포함되어 여기와 같은 문서를 볼 수 있습니다. IDE에서 직접.

JSON => JavaScript 객체 스텁 매핑은이 경우 매우 간단하며 이러한 종류의 변환기를 작성하는 데 하루 이상 (또는 숙련 된 코더의 경우 몇 시간) 걸리지 않아야합니다.

누군가가이를 구현하는 경우 여기에 결과 링크를 게시하십시오.

답변

WebStorm은 정의 된 함수에 대한 자동 완성을 활성화하기 위해 언젠가 직접 json 정의를 수락해야합니다. 한편 https://github.com/QuickrWorld/jsgen 의 프로그램을 사용하여 json 파일을 js로 변환하여 크롬 확장 API에 대한 자동 완성을 활성화 할 수 있습니다.

답변

AppScript, DriveApp , SpreadsheetApp 과 같은 함수 및 클래스를 작성하기 위해 WebStorm 또는 Intellij에 google-app-script라는 플러그인이 있습니다.
설치 방법은 위와 동일합니다. 반면에 .gs 파일을 JavaScript로 표시하거나 열어야합니다. (2017 년 7 월)