WebStorm设置创建Vue文件模板

Mac :Preferences

Win:Setting

WebStorm设置创建Vue文件模板

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

WebStorm设置创建Vue文件模板

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

<template>
    <div>{{msg}}</div>
    <!--<someComponent></someComponent>-->
</template>

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

<style scoped>

</style>

点击add加号

WebStorm设置创建Vue文件模板

按加号输入*.vue - OK

WebStorm设置创建Vue文件模板

新创建的test.vue文件自动加载上面的代码模板，至此创建vue文件完成！！！撒花撒花~ WebStorm设置创建Vue文件模板

WebStorm设置创建Vue文件模板

相关推荐