본문 바로가기

카테고리 없음

[VSCode] string 안에서 emmet 자동완성기능 활성화하기

js에서 백틱 기호 안에 css 코딩을 하는 경우

emmet 자동완성 기능이 활성화되지 않는데, 이를 활성화시킬 수 있다.


vscode에서 ctrl + , 누르고 우측 상단의 '설정열기(json)' 버튼을 클릭하고
다음 코드를 추가한다.

"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "typescript": "typescriptreact",
    "javascriptreact": "css"
},
"emmet.triggerExpansionOnTab": true,
"editor.quickSuggestions": {
    "other": true,
    "comments": false,
    "strings": true
}
  1. "emmet.includeLanguages": JavaScript와 TypeScript 파일에서도 React와 같이 Emmet를 사용하도록 설정합니다.
  2. "emmet.triggerExpansionOnTab": Tab 키를 눌렀을 때 Emmet 자동 완성이 활성화되도록 합니다.
  3. "editor.quickSuggestions": 문자열(string) 안에서도 자동 완성 제안이 나타나게 합니다.