• 2024-03-29Storybook version8 智能化构建组件文档与单元测试
    根据官方文档说法,storybook是一个独立构建前端UI组件与页面的车间。StorybookisafrontendworkshopforbuildingUIcomponentsandpagesinisolation.Ithelpsyoudevelopandsharehard-to-reachstatesandedgecaseswithoutneedingtorunyourwholeapp.Th
  • 2023-12-12storybook 7.6
    https://storybook.js.org/tutorials/intro-to-storybook/vue/zh-CN/get-started/开始吧注释:degit从github拉去代码的工具,在国内范文github有问题,需要手动下载这个模板npxdegitchromaui/intro-storybook-vue-templatetaskbox注释:启动组件开发环境yarnstorybook简单
  • 2023-07-21moveable实例学习地址
    https://daybrush.com/moveable/storybook/?path=/story/able-combination--combination-draggable-resizable-rotatble支持大部分主流开发语言的实例,废话不多说,直接看图。 
  • 2023-06-05如何制作 Storybook Day 网页上的 3D 效果?
    Storybook刚刚达到了一个重要的里程牌:7.0版本!为了庆祝,该团队举办了他们的第一次用户大会-StorybookDay。为了更特别,在活动页面中添加了一个视觉上令人惊叹的3D插图。原文:HowwebuilttheStorybookDay3Danimation源码:storybook-day3D插图使用ReactThreeFiber(
  • 2023-03-18vite/storybook/rollup搭建一个自己的组件库
    构建测试项目首先vite初始化一个项目vuecreatestory-book-demo##或者vuecreatestory-book-demo然后添加storybook,具体参看官网:​​https://storybook.js.org/docs/
  • 2023-03-18vite/storybook/rollup搭建一个自己的组件库
    构建测试项目首先vite初始化一个项目vue create story-book-demo## 或者 vue create story-book-demo然后添加storybook,具体参看官网:https://storybook.js.or
  • 2023-03-18storybook添加全局样式与sass全局变量设置
    storybook组件需要全局样式,只需在.storybook/preview.js增加全局样式即可。import '../src/style/index.scss';export const parameters = {  actions: { arg
  • 2023-03-18storybook 编写stories的story基础语法
    编写storiesstory用于展示组件某个状态,每个组件可以包含任意多个story,用来测试组件的各种场景。根据默认配置,只需要在组件的文件夹中,以 **.component.stories.ts 的
  • 2023-03-18storybook插件说明: integrations与addons推荐
    官方的:https://storybook.js.org/integrations/https://github.com/storybookjs/storybook/blob/master/ADDONS_SUPPORT.md 我所推荐的的三个: yarn add -D @stor