Storybook on 知识铺的博客 https://index.zshipu.com/geek001/tags/Storybook/ Recent content in Storybook on 知识铺的博客 Hugo -- gohugo.io zh-CN Thu, 23 May 2024 01:26:53 +0000 在Storybook中使用Next.js https://index.zshipu.com/geek001/post/20240507/%E5%9C%A8Storybook%E4%B8%AD%E4%BD%BF%E7%94%A8Next.js--%E7%9F%A5%E8%AF%86%E9%93%BA/ Thu, 23 May 2024 01:26:53 +0000 https://index.zshipu.com/geek001/post/20240507/%E5%9C%A8Storybook%E4%B8%AD%E4%BD%BF%E7%94%A8Next.js--%E7%9F%A5%E8%AF%86%E9%93%BA/ Next.js 使您能够通过扩展最新的 React 功能来创建全栈 Web 应用程序 本食谱向您展示如何在 Storybook 中充分利用 Next.js。 先决条件 本食谱假设您有一个 Next >= 12 应用程序。没有这个吗？按照 Next 的设置说明进行操作，然后运行： <span><span># Add Storybook:</span></span> <span><span>npx</span><span> </span><span>storybook@latest</span><span> </span><span>init</span></span> 设置您的项目 在没有故事书的项目中 在 Next.js 项目的根目录中运行此命令后，按照提示操作： <span><span>npx</span><span> 使用 Tailwind CSS 在 Next.js 应用程序中创建 Storybook https://index.zshipu.com/geek001/post/20240507/%E4%BD%BF%E7%94%A8-Tailwind-CSS-%E5%9C%A8-Next.js-%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%E4%B8%AD%E5%88%9B%E5%BB%BA-Storybook--%E7%9F%A5%E8%AF%86%E9%93%BA/ Thu, 23 May 2024 01:25:53 +0000 https://index.zshipu.com/geek001/post/20240507/%E4%BD%BF%E7%94%A8-Tailwind-CSS-%E5%9C%A8-Next.js-%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%E4%B8%AD%E5%88%9B%E5%BB%BA-Storybook--%E7%9F%A5%E8%AF%86%E9%93%BA/ 了解 LogRocket 的 AI 驱动的错误跟踪如何工作 无需注册 一探究竟 组件驱动的开发改变了我们创建 Web 应用程序的方式。这种开发方法使得管理和维护应用程序代码库变得更加容易，同时也促进了设计的一致性和开发人员之间的协作。 组件驱动开发的主要优点之一是组件隔离，它允许您独立地处理组件，而不会被周围的应用程序分