WebStorm设置创建Vue文件模板

Mac :Preferences

Win:Setting

WebStorm设置创建Vue文件模板_第1张图片

点击Create Template(^N)后面的+号键 创建Vue File

WebStorm设置创建Vue文件模板_第2张图片

WebStorm设置创建Vue文件模板_第3张图片

WebStorm设置创建Vue文件模板_第4张图片

这里的文本框输入模板代码

<template>
    <div>{{msg}}div>
    
template>

<script>
    //import someComponent from './someComponent'
    export default {
        name: "",
        data(){
          return{
            msg:"Hello Vue.js"
          }
        },
        component:{
          //someComponent
        }
    }
script>

<style scoped>

style>


点击add加号 

WebStorm设置创建Vue文件模板_第5张图片

按加号输入*.vue - OK

WebStorm设置创建Vue文件模板_第6张图片

WebStorm设置创建Vue文件模板_第7张图片WebStorm设置创建Vue文件模板_第8张图片WebStorm设置创建Vue文件模板_第9张图片

新创建的test.vue文件自动加载上面的代码模板,至此创建vue文件完成!!!撒花撒花~

你可能感兴趣的:(前端)