programing

TypeScript 자동 Import의 WebStorm/PhpStorm 큰따옴표

abcjava 2023. 2. 25. 19:31
반응형

TypeScript 자동 Import의 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를 추가할 때 곱슬곱슬한 괄호 사이에 자동 공간을 추가하고 싶은 경우

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

체크인 할 수 있습니다.Spaces | Whithin | ES6 import/export braces

2017-2019다음과 같이 합니다.

  1. 설정으로 이동
  2. 유형Code style찾아 헤매고
  3. 선택한다.Typescript
  4. 에 가다Punctuation부분
  5. 선택한다.single따옴표

여기에 이미지 설명 입력

첫 번째 Tslint 파일 체크인이 필요한 것

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

프로젝트 빌드에서 TSLint 통과 실패이므로 싱글이 아닌 더블이어야 합니다.

[설정] | [에디터] | [TypeScript] | [구점]으로 이동합니다.

드롭다운에서 Single을 선택하고 Apply/OK를 선택합니다.

인텔리주 축하드립니다IDEA는 AutoImport에서 참고용큰따옴표를 적용합니다.

Intellij 2016.3 버전의 경우 [기타]탭> [ 생성 코드]> [ 견적 마크여기에 이미지 설명 입력]에 표시됩니다.

언급URL : https://stackoverflow.com/questions/39779272/webstorm-phpstorm-double-quotes-in-typescript-auto-import

반응형