삽질방지 팁
[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 탭이 새로 생겼다함.