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

一、IDEA无法识别.vue文件

1、IDEA 添加Vue插件

在这里插入图片描述

2、添加Vue配置

File | Settings | Editor | File Types
找到 HTML 文件
在下面点+
输入*.vue
在这里插入图片描述

二、IDEA无法创建.vue文件

1、问题

在开发过程中,发现创建文件的界面,没有vue模板
在这里插入图片描述

2、相关配置

File | Settings | Editor | File and Code Templates
选中+,找到Vue Single File Component,点击复制按钮,此时底部出现Copy of Vue File Component
在这里插入图片描述
在这里插入图片描述
进行如下图修改
在这里插入图片描述

3、最终效果

在这里插入图片描述

相关推荐

  1. IDEA中如何使用Vue

    2024-01-02 06:42:04       39 阅读
  2. Vue相关指令

    2024-01-02 06:42:04       36 阅读
  3. vue.config.js中打包相关配置

    2024-01-02 06:42:04       34 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-02 06:42:04       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-02 06:42:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-02 06:42:04       20 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-02 06:42:04       20 阅读

热门阅读

  1. 我与VR的再拜之交

    2024-01-02 06:42:04       37 阅读
  2. 国科大2023.12.28图像处理0854最后一节划重点

    2024-01-02 06:42:04       33 阅读
  3. 2401编辑器,好插件

    2024-01-02 06:42:04       49 阅读
  4. TensorFlow Hub模型

    2024-01-02 06:42:04       41 阅读
  5. React16源码: ConcurrentMode的使用及源码实现

    2024-01-02 06:42:04       39 阅读
  6. .net8时代,微软.net开发策略,F#不就是VB语言吗?

    2024-01-02 06:42:04       33 阅读
  7. Linux 硬件配置

    2024-01-02 06:42:04       36 阅读
  8. AWS CDK安装到AWS EC2 Linux 2

    2024-01-02 06:42:04       40 阅读
  9. Python中常见的错误示

    2024-01-02 06:42:04       32 阅读