1. 打开 WebStorm，选择 File --> Settings；
2. 在左侧菜单中选择 File and Code Templates；
3. 在右侧窗口中，选择 Vue Single File Component；
4. 在 Code 标签下，替换默认的代码段为以下代码：

<template><div class="${NAME}"><!-- your code here --></div>
</template><script>
export default {name: '${NAME}',data() {return {// your data here};},props: {// your props here},methods: {// your methods here},computed: {// your computed properties here},created() {// your code here}
};
</script><style lang="scss" scoped>
.${NAME} {// your styles here
}
</style>

1. 点击 OK 按钮保存修改；
2. 现在再次创建 Vue Single File Component，就会发现我们自定义的模板已经生效了。

希望这能对您有所帮助！