新建stories.js和index.js模板

storybook快速新建模板

index.js模板

import ${NAME} from './${NAME}.vue';

export default {
  title: 'tw-ui/${NAME}',
  component: ${NAME},
  argTypes: {
     
  },
};

const actionsData = {
  onClick() {

  },

}
const Template = (args, {argTypes}) => ({
  props: Object.keys(argTypes),
  components: {${NAME}},
  methods: actionsData,
  template: '<${NAME} @onClick="onClick" v-bind="\$props" />',
});

export const Primary = Template.bind({});
Primary.args = {

};

新建xxx.stories.js模板

import ${COM_NAME} from './${COM_NAME}'

${COM_NAME}.install = function (Vue, opts) {
  Vue.component(${COM_NAME}.name, ${COM_NAME})
}
export default ${COM_NAME}
posted @   侠客小飞  阅读(288)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
历史上的今天:
2020-01-08 操作系统 第一章自测题
点击右上角即可分享
微信分享提示