时间戳

首页 > 解决方案 > 在 WebStorm 的新 .vue 文件中更改标准方案

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

问题描述

我将 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>

标签： vue.jstemplateswebstorm

解决方案

据我了解，您想创建一个新的文件模板。在这种情况下，这应该对您有所帮助：文件模板

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

推荐阅读