삽질방지 팁

[intelliJ Tip] Typescript auto import double quotes -> single quotes 홑따옴표로 임포트하기.

삘쏘굿 2017. 8. 15. 20:58

Angular 개발 중 webpack을 이용한 browser sync시 자꾸 


WARNING in ./src/main/webapp/app/home/home.module.ts

[8, 44]: " should be '



요런 warning 문구가 나와서 귀찮음..


사실 자바스크립트는 작은따옴표(')나 쌍따옴표(") 모두 다 문자열을 표현할 수 있는데


요즘 나오는 자바스크립트 프레임워크에서는 작은따옴표를 많이 사용하는 듯 하다.




헌데 Typescript coding guideline 에는 쌍따옴표(")를 사용하라는.....ㅋㅋㅋ


https://github.com/Microsoft/TypeScript/wiki/Coding-guidelines




Angular 같은 자바스크립트 프레임워크에서는 이런 이유때문에 작은따옴표(')를 쓰는듯..


@Component({
    ...,
    template: '<div class="some-class-name"></div>'
})
@Component({
    ...,
    template: "<div class=\"some-class-name\"></div>"
})


암튼, intelliJ에서 Typescript auto code genarator 옵션을 변경해서 코드 자동 생성시 작은따옴표로 생성시켜보자.


1. Settings/Preferences

2. Editor | Code Style | TypeScript

3. "Other" tab | Generated code -> Quote marks


'2017. 1 버전 이후로는 Punctuation 탭이 새로 생겼다함.