如何修改WebStorm新建.vue文件的默认模板为TS+vue-property-decorator写法

• 打开设置界面：Windows/Linux系统点击顶部菜单栏 File > Settings，Mac系统点击顶部菜单栏 WebStorm > Preferences
• 依次展开左侧菜单找到 Editor > File and Code Templates
• 在右侧区域切换到Files标签页，下拉找到Vue Single File Component选项
• 将默认的模板内容替换为如下代码：

<script lang=ts>
import { Component, Vue } from "vue-property-decorator";

@Component
export default class ${NAME} extends Vue {
  name = "${NAME}"
};
</script>

<style scoped></style>

• 点击界面下方的Apply再点击OK保存配置即可，之后新建.vue文件就会自动生成符合要求的TS类式组件模板，模板内置的${NAME}变量会自动替换为你新建文件时输入的文件名。

内容的提问来源于stack exchange，提问作者Petziferum