更改新.vue文件中的WebStorm标准方案

Question

我使用的是WebStorm 2021.2.1，Vue.js和TypeScript和vue-property-decorator。

当我创建一个新的.vue文件时，WebStorm使用如下的标准方案创建该文件：

<script>
export default {
  name: "NewComponent",
};
</script>

<style scoped></style>

如何将组件的样式自动更改为如下所示？

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

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

<style scoped></style>

Answer 1

据我所知，您希望创建一个新的文件模板。在本例中，这将对您有所帮助：文件模板

文件模板是您创建的新文件的默认内容的规范。根据您正在创建的文件类型，模板提供该类型的所有文件中的初始代码和格式(根据行业或语言标准、公司策略或其他原因)。