webstorm 新建Vue3+ts+scss自定义模版
自我记录
设置>编辑器>实时模版>Vue>又上角+号>如下图所示
模版代码
<template>
<div class="$NAME$-page">$NAME$-page</div>
</template>
<script setup lang="ts"></script>
<style lang="scss" scoped>
.$NAME$-page{
$END$
}
</style>
此处发现一个小问题但是不影响使用
自定义的变量名权重应该>$END$
变量 导致光标位置没有在最后生效 有大神知道怎么解决欢迎评论!
使用效果
希望能帮到各位,快去使用吧~