vscode vue.inlayHints.optionsWrapper : false로 설정하는 방법

vscode에서 vue을 개발하다 보면,

 

export default (await import('vue')).defineComponent({}

 

위의 굵은 색으로 표시된 힌트가 보일 경우가 있다. 

 

이 경우 defaultSettiongs.json 에서 vue.inlayHints.optionWrapper의 값을 false로 변경하면 된다. 

 

하지만 

맥의 경우 command + shift + p로 defaultSettions.json을 열어보면 readonly로 수정이 되지 않는다. 

 

 

다음과 같이 따라하면 답답함을 해결할 수 있다. 

 

vscode 메뉴에서

code > Preferences > Setting을 선택하면 

 

 

Settings 화면이 나타나고, vue.inlayHint 키워드로 찾으면 나타난다. 

그 부분이 선택되어 있다면, 해제하고 창을 닫아주면 적용이 완료된다.

 

개발에 문제는 없지만, 

눈에 거슬리는 무엇인가 보이면 계속 신경이 쓰이기 때문에 일에 방해가 된다.

 

 그런 분들을 위해 정보를 공유한다.