vue 프로젝트를 시작하며 알게된 VSCode 의 Syntax Highlight 적용 방법을 기록한다.

 

.vue 파일에 .html 파일에서 적용되는 기본 Syntax Highlight 을 적용하기 

1. setting.json 파일열기

F1 키 > 커맨드 창에 Preferences:Open Settings(JSON) 검색 > settints.json 파일 열림

 

2. settings.json 에 files.association 설정추가

{
    "workbench.colorTheme": "Default Dark+",
    "terminal.integrated.defaultProfile.windows": "Command Prompt",
    
    // 라인6 의 코드추가
    "files.associations": {"*.vue":"html"},
    
    // 기타
    // 1. ctrl 키 + 마우스 wheel 이벤트로 폰트 확대/축소
    "editor.mouseWheelZoom": true,
 }

 

+ Recent posts