TypeScript 자동 가져 오기의 WebStorm / PhpStorm 큰 따옴표

234

작은 따옴표로 TypeScript 스타일을 사용하고 있으며 큰 따옴표는 HTML 템플릿에서만 사용됩니다.

WebStorm / PhpStorm 자동 가져 오기는 import큰 따옴표 가있는 명령문을 추가 하고 스타일을 손상시킵니다 . 이것이 모든 JetBrains 제품에 적용되는 것 같습니다.

이 동작을 어떻게 해결할 수 있습니까?

— 에투 스 플라스크
소스

JetBrains 도구의 다른 언어와 마찬가지로 환경 설정에서 코드 스타일 설정을 변경하십시오.

— jonrsharpe

그것은 사실, 대답이 제안하는 곳에서 찾았습니다. 환경 설정에서 '인용'검색에 유용한 것은 없었습니다.

— Estus Flask

595

이 동작은 다음 옵션으로 제어됩니다.

Settings/Preferences
Editor | Code Style | TypeScript
"Punctuation" tab | Generated code -> Quote marks

2017.1 버전부터는 새 Punctuation탭에 있으며 옵션 이름이 약간 다릅니다.

— 게으른
소스

1

이전 버전의 Intellij (<2017.1)에서 시작한 경우 실제로 적용하려면 설정을 전환해야 할 수 있습니다. 이것은 작은 따옴표로 설정되었지만 여전히 큰 따옴표를 보았습니다. 큰 따옴표로 변경하고 적용하고 작은 따옴표로 변경 한 다음 마지막으로 다시 적용한 후에 작동했습니다.

— 케빈 리

7

"기타"탭은 이제 "구두"입니다. 최소한 Webstorm 2017.3.2부터

— gragranum

1

@ggranum 네, 스크린 샷과 메모 ( "On 2017.1 ...")는 바로 그 것을 보여줍니다. 나는 그것을 더 대담하게 / 더 잘 보이게 만드는 것 같아요.

— LazyOne

1

Vue.js를 typescript와 함께 사용하는 경우이 설정을 javascript에도 적용해야 할 수 있습니다. WebStorm은로 설정되어 있어도 Vue 파일에 유형 스크립트 설정을 적용하지 않는 것 같습니다 lang=ts.

— helios35

78

또한 가져 오기를 추가 할 때 중괄호 사이에 자동 공백을 추가하려는 경우

import { MyComponent } from './my.component';

당신은 탭을 확인할 수 있습니다 Spaces | Whithin | ES6 import/export braces

— 사자 별자리
소스

5

고마워요! 나는 그것을 찾고 있었고 그것은 나를 귀찮게했다.

— Ivan

37

년 2017-2019이 우리가 그것을 할 방법입니다 :

설정으로 바로 가기
Code style검색에 입력
고르다 Typescript
이동 Punctuation섹션으로
single따옴표를 선택하십시오

— 카밀 Witkowski
소스

10

문장 부호 탭에서 처리했습니다. 또한 끝에 세미콜론을 제거했지만 TSLint에 누락되었습니다

— 요 라코 곤잘레스
소스

2

Intellij 2016.3 버전의 경우 기타 탭> 생성 된 코드> 따옴표에 있습니다.

— VinPro
소스

1

Tslint 파일을 확인해야 할 첫 번째 사항

 "quotemark": [
  true,
  "Double"
],

프로젝트 빌드시 실패한 TSLint이기 때문에 Single이 아니라 Double이어야합니다.

이제 설정 | 편집자 | TypeScript | 구두

드롭 다운에서 단일을 선택하고 적용 / 확인합니다.

이제 IntellijIDEA가 AutoImport에 큰 따옴표를 적용한 것을 축하합니다.

— 야 시르 샤 비르 초드 하리
소스