vscode에서 svg파일 불러오기 질문

Question

선생님 안녕하세요 svg를 vscode에서 불러오기를 했는데, vscode에서 이미지로 열립니다 소스로 안열리는데 소스로 열리게 하는법이 있을까요?

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다.
vcxzz33님, Visual Studio Code에서 SVG 파일을 이미지로 여는 대신 소스로 열고 싶으신 경우, 다음과 같은 방법을 시도해 보세요:

기본 편집기 설정 변경:
- Visual Studio Code가 SVG 파일을 기본적으로 이미지 뷰어로 여는 경우가 있습니다. 이를 해결하기 위해, 파일을 마우스 오른쪽 버튼으로 클릭하고, “열기 방식”을 선택한 다음 “텍스트 편집기”로 선택합니다.
확장 프로그램 사용:
- SVG Viewer와 같은 확장 프로그램을 설치하여 SVG 파일을 이미지와 소스로 동시에 확인할 수 있을 수 있습니다.
파일 열기 설정 수정:
- 특정 파일 유형을 열 때 사용하는 기본 편집기를 설정할 수 있습니다. “settings.json”에서 다음 설정을 추가하세요:
```
"workbench.editorAssociations": {
"*.svg": "default"
}
```
  이 설정은 SVG 파일을 텍스트 형식으로 열리도록 강제합니다.

이러한 방법을 통해 SVG 파일을 Visual Studio Code에서 소스로 열 수 있습니다. 추가적인 설정으로 불편함을 줄일 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 기존 답변을 참고하여 유사한 해결책을 제안하였습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변