Vue 단일 파일 컴포넌트의 template, script, style을 함께 포맷합니다.
도구를 불러오는 중...
Vue Formatter 사용 방법
코드를 붙여 넣으세요. 포매터 엔진은 처음에 잠시 후 로드됩니다.
필요하면 옵션을 조정하세요.
포맷된 결과를 복사하세요.
Vue Formatter 소개
Vue 단일 파일 컴포넌트는 하나의 파일에 세 가지 언어를 섞습니다. 이 포매터는 세 가지를 모두 처리합니다. 지시문(v-if, v-for, @click)이 있는 template, JavaScript나 TypeScript로 된 script 블록, CSS로 된 style 블록입니다.
.vue 파일 전체 또는 블록 하나만 붙여 넣으세요.
자주 묻는 질문
Composition API와 script setup을 지원하나요?
네, script 블록은 일반 JavaScript나 TypeScript로 포맷됩니다.
Vue 2와 Vue 3 모두에서 작동하나요?
네, 두 버전의 템플릿 구문을 모두 지원합니다.
scoped 스타일과 SCSS는 어떤가요?
style 블록은 lang 속성에 따라 포맷됩니다.
처음 실행할 때 1초 정도 걸린 이유는 무엇인가요?
이 언어의 포맷 엔진은 처음 사용할 때 다운로드되고 이후 브라우저에 캐시됩니다. 그 후에는 포맷이 즉시 이루어지며 아무것도 컴퓨터 밖으로 나가지 않습니다.