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

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

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

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



답변

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

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

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

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


답변

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

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

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


답변

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

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

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


답변

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


답변

Intellij 2016.3 버전의 경우 기타 탭> 생성 된 코드> 따옴표에 있습니다.여기에 이미지 설명을 입력하십시오


답변

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

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

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

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

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

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


답변