IntelliJ Vue 컴포넌트 파일 생성 꿀팁

매번 Vue 파일 컴포넌트를 생성할 때 아래와 같이 생성된다.

<template>
</template>

<script>
export default {
name: "${COMPONENT_NAME}"
}
</script>

<style scoped>

</style>

 

이럴 때 매번 파일 에러로 인해 "<template>" 태그 안에 <div> 태그 같은 것들을 넣어주어야 하는 귀찮음이 있는데

인텔리제이 IDE 경우에는 따로 커스텀할 수 있도록 제공하고 있다.

인텔리제이 환경설정을 열어서 검색창에 "code templates"라고 검색한다.

"File and Code Templates" 부분에서 Vue, 또는 원하는 파일을 찾거나 만든다.

<template> 부분에 div 태그를 넣어 에러를 만들지 않을 수 있다.