idea安装vue插件
1,安装Vue.js插件:
file -> settings -> plugins,点击Browse repositories。
![](http://upload-images.jianshu.io/upload_images/2257137-42a35391582e6c91.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp)
搜索vue,安装vue.js。(安装后重启idea,idea就能识别.vue文件了)
![](http://upload-images.jianshu.io/upload_images/2257137-b59fe56cd4b47b5f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/840/format/webp)
2.设置vue新建文件模板。
file-->setting-->editor-->file and code Templates,选择Vue Single File Component,然后可以在右边框中编辑默认模板内容,编辑完点击“ok”。
![](http://upload-images.jianshu.io/upload_images/2257137-dd9c4d8e6201f640.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp)
3.通过new选项创建.vue文件了。
![](http://upload-images.jianshu.io/upload_images/2257137-c236b01beefcb1ae.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/751/format/webp)