idea支持创建vue文件

港控/mmm° 2022-03-30 13:38 298阅读 0赞

一、File->Settings,搜索"File" 将会打开File and Code Templates如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk5NjYzMg_size_16_color_FFFFFF_t_70][]

二、在File创建下翻看是否有vue文件，没有则按如下新建

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk5NjYzMg_size_16_color_FFFFFF_t_70 1][]

默认文件内容，上图标注3内容自定义，以下是模板

<template>
        <div>
            {
       {msg}}
        </div>
    </template>
    <script>
      // import __ from '__' // __是需要手动引入的文件
      export default {
        name: '',
        components: {},
          data () {
              return {msg: '这个是Home模板页'}
          },
          methods: {}
      }
    </script>
    <style lang="postcss" scoped>
      body {
          background-color: #ff0000;
      }
    </style>

三、重新新建文件发现有了Vue File选项

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk5NjYzMg_size_16_color_FFFFFF_t_70]: /images/20220330/47d32ccda9f84e16bfe95ea816c7b721.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk5NjYzMg_size_16_color_FFFFFF_t_70 1]: /images/20220330/903dc57d64714d5c9dc371261c52b03e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，298人围观）

还没有评论，来说两句吧...

相关阅读

相关 IDEA 设置 vue 支持开发

一、IntelliJ IDEA支持.vue文件安装vue.js file --> settings --> plugins，输入vue，点击搜索结果里的vue.js右

谁践踏了优雅/ 2023年09月30日 05:15/ 0 赞/ 5 阅读

相关使用IDEA创建Vue项目

准备工作：安装node.js IDEA安装vue.js插件 1. 打开IDEA，点击“Create New Project”。 ![在这里插入图

爱被打了一巴掌/ 2023年02月16日 04:21/ 0 赞/ 20 阅读

相关【IntelliJ IDEA】idea支持vue文件，设置对vue的支持

本文目录一、idea支持.vue文件二、idea设置vue语法提示三、效果展示 -------------------- 一、idea支持.vue文件 >

你的名字/ 2023年01月14日 04:56/ 0 赞/ 241 阅读

相关 idea 创建vue项目步骤

跟着图片来,有命令或者代码我单独提出来创建一个 Static Web 项目 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVp

╰半橙微兮°/ 2022年12月24日 15:58/ 0 赞/ 208 阅读

相关 IDEA如何创建.properties文件

如下图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L

水深无声/ 2022年12月05日 12:29/ 0 赞/ 301 阅读

相关让WebStorm支持.vue文件

1.VUE插件安装可以file-->setting （或者快捷键ctrl+alt+s），然后按照图中步骤操作。 ![Center][] 然后再在下图左侧输入框中

╰+攻爆jí腚メ/ 2022年06月12日 03:18/ 0 赞/ 196 阅读

相关 idea 创建properties配置文件

【转载】原文链接：[https://blog.csdn.net/caoPengFlying/article/details/78660379][https_blog.csdn.

红太狼/ 2022年05月09日 09:36/ 0 赞/ 578 阅读

相关 idea支持创建vue文件

一、File->Settings,搜索"File" 将会打开File and Code Templates如下 ![watermark_type_ZmFuZ3poZW5naG

港控/mmm°/ 2022年03月30日 13:38/ 0 赞/ 299 阅读

相关 idea 添加 vue 的语法支持

VUE的开发分两种，一种是直接在HTML文件中使用，一种是VUE文件的形式开发 1，首先我们先让 HTML 文件支持 VUE 的语法指令提示 2，File -> Setti

冷不防/ 2022年01月27日 22:34/ 0 赞/ 419 阅读

相关 IDEA创建XML文件模板

IDEA创建XML文件模板 1.选中File，点击Settings； ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_te

浅浅的花香味﹌/ 2021年12月21日 11:25/ 0 赞/ 292 阅读