IDEA 支持vue

原文鏈接:https://www.cnblogs.com/lovling/p/9339871.html

《一》VUE的開發分兩種,一種是直接在HTML文件中使用,一種是VUE文件的形式開發

1,首先我們先讓 HTML 文件支持 VUE 的語法指令提示

2,File -> Setting -> Edit -> Inspections -> html

3,點擊上圖最右側紅框內的按鈕,在彈框內輸入一下內容,還可以根據自己的喜好,設置更多的提示

@tap
@tap.stop
@tap.prevent
@tap.once
@click
@click.stop
@click.prevent
@click.once
@change
@change.lazy
@change.number
@change.trim
v-model
v-for
v-text
v-html
v-show
v-if
v-else-if
v-else
v-pre
v-once
v-bind
scoped

4,保存之後,打開一個HTML文件,我們可以看見代碼提示支持已經有效了

5,接下來我們讓 .VUE 文件支持 HTML 語法和支持以上設置的代碼提示

6,File -> setting -> Editor -> File Type -> HTML

7,點擊上圖紅框內的 綠色加號,寫入 *.vue, 保存之後,vue 文件就會以 html 文件的形式打開了

8.安裝idea 集成的 VUE 插件

轉載地址:https://www.cnblogs.com/lovling/p/9339871.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章