Vue:使用IDEA开发Vue的相关配置

一、IDEA无法识别.vue文件

1、IDEA 添加Vue插件

Vue:使用IDEA开发Vue的相关配置_第1张图片

2、添加Vue配置

File | Settings | Editor | File Types
找到 HTML 文件
在下面点+
输入*.vue
Vue:使用IDEA开发Vue的相关配置_第2张图片

二、IDEA无法创建.vue文件

1、问题

在开发过程中,发现创建文件的界面,没有vue模板
Vue:使用IDEA开发Vue的相关配置_第3张图片

2、相关配置

File | Settings | Editor | File and Code Templates
选中+,找到Vue Single File Component,点击复制按钮,此时底部出现Copy of Vue File Component
Vue:使用IDEA开发Vue的相关配置_第4张图片
Vue:使用IDEA开发Vue的相关配置_第5张图片
进行如下图修改
Vue:使用IDEA开发Vue的相关配置_第6张图片

3、最终效果

Vue:使用IDEA开发Vue的相关配置_第7张图片

你可能感兴趣的:(IDEA,前端,vue.js,intellij-idea,javascript)