하게 IntelliJ IDEA 설정 VUE 지원

A는하게 IntelliJ IDEA 파일 .vue 지원

설치 vue.js

• 파일 -> 설정 -> 플러그인을 입력 vue, 검색 결과 vue.js의 오른쪽 클릭 install성공적인 아이디어 후 다시 시작 설치 버튼이 아이디어는 .vue 파일을 식별 할 수 있습니다
  

설정 새 문서 템플릿 VUE

• file-->setting-->editor-->file and code Templates, 선택 Vue File한 다음 오른쪽에있는 기본 서식 파일 콘텐츠 상자를 편집 할 수 있습니다, 당신은 편집 "확인"을 클릭 완료되었습니다.
• 이 파일은 새로운 옵션에 의해 생성 될 수 .vue
  

두, 아이디어 설정 VUE 문법 팁

• File->setting->Editor->Inspections찾을 수있는 권리는 HTML->Unknown HTML tag attribute오른쪽에 Options->Custom HTML tag attributes, 내부에 다음 코드를 추가합니다 :

@tap
@tap.stop
@tap.prevent
@tap.once
@click
@click.stop
@click.prevent
@click.once
@change
@change.lazy
@change.number
@change.trim
@on
@blur
@fous
@submit
scoped
v-model
v-model.number
v-model.trim
v-for
v-text
v-html
v-show
v-if
v-else-if
v-else
v-pre
v-bind
v-bind:class
v-bind:style
v-bind:id
v-bind:href

아래 그림과 같이 :

• File->setting->Editor->File Types내 발견 HTML1, Registered Patterns첨가되는 *.vue수, 도시 된 바와 같이 :
  
• 효과
  

세, 아이디어 코드는 바로 가기 키를 힌트

• File->setting->keymap->Main Menu