SVG 파일 텍스트 파일로 열기

Visual Studio Code에서는 .svg 파일을 열면 기본적으로 미리보기 모드로 표시되는 경우가 많다.
하지만 SVG 속성을 직접 수정하거나 코드를 편집하고 싶을 때는 텍스트 형태로 열어야 하는 경우가 있다.

---

💁🏻 적용 가이드

SVG 파일을 우클릭 > 텍스트로 열기 옵션
기본 에디터 설정 변경

 

✅ 첫 번째 방법: 기본 텍스트 편집기로 열기

 

 

SVG 파일을 우클릭 > 텍스트로 열기 옵션을 사용해 강제로 텍스트 파일로 열기

1. .svg 파일을 마우스 오른쪽 클릭
2. "다른 편집기로 열기(Open With)" 클릭
3. "텍스트 편집기(Text Editor)" 선택

 

✅ 두 번째 방법: 기본 에디터 설정 변경 (항상 텍스트로 열기)

VS Code 설정에서 SVG 파일을 항상 텍스트로 열리도록 설정

// settings.json

"workbench.editorAssociations": {
  "*.svg": "default"
}

 

---

 

SVG 미리보기가 자동으로 열리는 경우, 이는 특정 확장 프로그램이 설치되어 있어서일 수 있다.
이 경우 해당 확장을 비활성화하거나 제거하는 것도 하나의 방법이다.

이미지를 빠르게 확인해야 할 땐 미리보기 확장을 사용하는 것도 좋은 방법이지만, SVG 코드를 자주 수정해야 한다면, 파일 연결 설정을 통해 항상 텍스트 편집기로 열리도록 고정하는 것을 추천한다.