CreateVueClassComponent 0.2.5

介绍：

CreateVueClassComponent是一款专为Vue2开发者设计的VSCode插件，旨在简化类组件的创建过程。作为一名习惯使用React和Hooks的开发者，我在适应新团队的Vue2和类组件开发时，开发了这个插件，以节省时间和提高工作效率。

支持的命名风格

• DemoComponent -> DemoComponent（推荐）
• demo component -> DemoComponent（推荐）
• demo-component -> DemoComponent（推荐）
• demoComponent -> DemoComponent
• Demo-component -> DemoComponent
• Demo Component -> DemoComponent
• Demo component -> DemoComponent
• Democomponent -> Democomponent（不推荐）
• democomponent -> Democomponent（不推荐）

代码示例

<template> </template>

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

    @Component
    export default class ComponentName extends Vue {}
</script>

<style lang="less" scoped></style>

检查Vue文件名

插件还可以帮助您重命名不规则的Vue文件名，这是一个可选项，您可以选择“不”在终端面板中查看文件详细信息。

为什么使用这个工具？

参考Vue的风格指南，遵循这些规则是开发的最佳实践。

如何命名文件名？

在我看来，作为一个组件，您的组件名应该与您的.vue文件名相同，这样可以更容易了解组件的名称和意义。我喜欢使用大写驼峰命名法来命名文件，许多流行的开源UI库如ElementUI和Ant Design也是这样做的。为什么我们不效仿他们呢？

支持

忽略文件名检查

插件支持您自定义要忽略的文件名以避免检查，默认值为index。

模板代码文件路径

您可以自定义代码片段文件作为模板，只需将模板的绝对路径复制到配置项中即可。但请注意，模板文件中的组件名必须是ComponentName作为占位符，只有这样，插件才能用您输入的名称替换它。

支持类组件生命周期快捷方式

打包和发布

文档

    // 构建
    vsce package
    // 发布
    vsce publish

CreateVueClassComponent插件为Vue2开发者提供了便捷的开发工具，帮助您快速适应和提高开发效率。