WebStorm이 Jasmine 방법을 인식하도록하려면 어떻게해야합니까?

135

Jasmine 사양 이 포함 된 node.js 프로젝트가 있습니다 . 스펙은 spec / 서브 디렉토리에 있으며 jasmine-node에 필요한 .spec.coffee 확장자를 갖습니다 .

i를 내 사양 파일을 오픈 한 때 WebStorm IDE, 모든 호출 beforeEach및 describe및이 it"해결되지 않은 기능이나 방법을 ()": 파란색으로 표시됩니다 구불 구불 툴팁으로 강조한다. 내가 사용하고 그래서 비록 3.0 EAP를 하고하기로했다 재스민 지원의 일부 금액이 자동으로 이것이 재스민 스펙 파일이라는 사실에 따기 아니에요.

File> Settings> JavaScript Libraries로 이동하여 Jasmine을 라이브러리로 추가하고 (jasmine-2.0.0.rc1.js의 경로 지정) Usage Scope 서브 페이지로 이동하여 "Jasmine"에서 "프로젝트"옆에있는 드롭 다운 목록이지만 효과가 없습니다. Jasmine 방법은 여전히 해결되지 않은 것으로 표시됩니다.

spec 서브 디렉토리의 모든 파일 및 / 또는 확장자가 .spec.coffee 인 모든 파일이 Jasmine 테스트이며 해당 테스트에서 사용중인 Jasmine API를 인식하도록 WebStorm에 어떻게 알 수 있습니까?

jasmine webstorm

— 조 화이트
소스

3.0 EAP에서 동일한 문제가 있습니다. 이것이 내가 2.1.5에서 일하는 이유입니다.

— Microfed

개발자가 이후 버전에서 이러한 사례를 해결할 수 있도록이 문제를 youtrack.jetbrains.net/issues/WI 에서 문제로 제출해야합니다 .

— CrazyCoder

@Microfed, 2.1.5가 Jasmine 테스트를 자동으로 인식한다고 말하고 있습니까? 이것은 이미 작성된 버그입니까?

— Joe White

238

Webstorm / PHPStorm / Idea에서 사전 정의 된 JS 라이브러리 스텁을 사용할 수 있습니다.

열기 파일> 설정 ...
언어 및 프레임 워크 > JavaScript> 라이브러리를 선택하십시오.
다운로드 ...를 클릭하십시오 .

자바 스크립트 라이브러리 설정

Switch가 아래로 내려가에 타이프 라이터 커뮤니티 스텁
카르마 자스민을 찾으십시오 (원래 이름 jasmine ) (이것이 작동하지 않으면 자스민을 대신 시도하십시오 )
다운로드 및 설치를 클릭하십시오

여기에 이미지 설명을 입력하십시오

Jasmine 2.0에서이 설정을 사용하고 있습니다

— 우제 스키
소스

2

그라고 카르마 - 자스민, 그들은 우리를 찾을 단지의 도움으로 변경

— 의 Andrzej Rehmann을

7

나를 위해 작동하지 않습니다. "describe", "beforeEach", "it"는 여전히 회색 밑줄로 표시됩니다.

— BuildTester1 1

36

카르마를 사용하지 않는다면 다운로드 할 'jasmine'라이브러리를 선택할 수 있습니다. 카르마 재스민을 시도한 후에 저에게

— 효과적이었습니다

22

카르마를 사용하고 있지만 재스민 을 다운로드 해야 작동합니다. 카르마 재스민 은 작동하지 않았다.

— Didier L

3

마지막 단계 - 다시 시작 IDE

— 사바 Jcript

30

webstorm 2016.1.1이 설치된 Mac에서 다음을 수행했습니다.

환경 설정 열기 (webstorm-> preference 또는 [command +,])
라이브러리 및 프레임 워크로 이동-> javascript-> 라이브러리
다운로드
목록에서 'jasmine-DefinitelyTyped'를 선택하십시오.

— 에 란
소스

4

그것은 Mac에서 나를 위해 일했지만 WebStorm을 닫고 다시 시작해야했습니다.

— Jim

jasmineWindows 컴퓨터에서 IntelliJ 2016.3을 사용 하여 라이브러리를 다운로드 했으며 다시 시작 하지 않아도 작동했습니다 .

— Jelle

또한 "유형"을 글로벌에서 프로젝트로 변경해야했습니다. 라이브러리 이름을 설치 한 후 두 번 클릭 한 다음 "가시성"설정

— providencemac

6

WebStorm과 함께 JSHint와 같은 코드 품질 도구를 사용하는 경우 글로벌 jasmin / karma-jasmine 라이브러리를 추가해도 JSHint 오류가 제거되지 않습니다.

WebStorm의 메뉴 시스템 (Lang & Frameworks> JavaScript> Code Quality Tools> JSHint)을 통해 JSHint 설정에 액세스하고 확인란을 클릭하여 실행중인 환경을 알 수 있도록해야합니다.

JSHint 설정

— 프라 잔트
소스

내 환경에서 Jasmine이 누락되었습니다. 그게 어떻게 나타 났나요?

— Aseem Bansal

@AseemBansal 어떤 버전의 jshint를 사용하고 있습니까?

— prasanthv 2016 년

18.22에 버전 2.5.10

— Aseem Bansal

4

사용 타이프 라이터 (그리고 Angular2) 당신은 단지 WebStorm 설정에서 타이프 스크립트 컴파일러를 사용하도록 설정해야합니다 ...

설정> 언어 및 설정> TypeScript ...

컴파일러 제목 표시에서 ...

TypeScript 컴파일러 활성화 ...

(또한 사용 tsconfig.json 라디오를 클릭했습니다)

재스민 방법이 인식됩니다

— danday74
소스

이 솔루션의 문제는을 사용 WebStorm하고 TypeScript있기 때문에 컴파일 하고 싶지 않다는 것 Webpack입니다.

— theblang

흥미롭게도, 내가 프로젝트 new project로 만들면 Angular CLI그것들을 인식합니다. 다른 점이 확실하지 않습니다.

— theblang

Gulp를 사용하여 TypeScript를 변환하면 tsconfig.json을 올바르게 설정하면 TypeScript가 출력 파일을 생성하지 않고 IDE에서 파일을 확인합니다.

— danday74

나를 위해 일했다. tsconfig.json 체크하는 것을 잊지 마세요

— 마이클 Kornelakis

이것은 거의 오류없이 작동했습니다. 그러나이 작업을 수행하면 WebStorm의 Typescript 컴파일러 탭 에서이 오류 출력이 발생합니다. 오류 : 오류 : tsconfig 오류 [{ "messageText": "알 수없는 컴파일러 옵션 'baseUrl'.", "category": 1, "code ": 5023}, {"messageText ":"알 수없는 컴파일러 옵션 'lib'. ","category ": 1,"code ": 5023}, {"messageText ":"알 수없는 컴파일러 옵션 'typeRoots'. ","카테고리 ": 1,"code ": 5023}]

— Nikola Schou

4

종속성이 누락되어 발생할 수도 있습니다 (TypeScript에서 개발중인 경우).

설치했는지 확인하십시오 @types/jasmine

npm install --save-dev @types/jasmine

— 브래드 존슨
소스

2

를 사용하여 프로젝트를 생성 한 후이 문제가 발생하면 Angular CLI로 이동하여 File -> Settings -> Languages & Frameworks -> JavaScript -> Libraries확인하십시오 {your-project-name}/node_modules.

— 테 블랑
소스