前言
在开发过程中，我们可能会使用 Storybook 来展示组件库。而在 Storybook 中，有很多插件可以帮助我们更方便地使用它。其中，@storybook/addon-links 就是一个非常重要的插件，它可以让我们通过参数传递来创建链接，方便我们在 Storybook 中浏览到不同的组件。但是，在使用 @storybook/addon-links 插件的时候，我们需要使用 @types/storybook__addon-links 这个 npm 包来提供类型定义和自动补全。
本篇文章将会详细介绍如何在项目中使用 @types/storybook__addon-links 这个 npm 包。
需求
在组件库中，我们需要使用 @storybook/addon-links 插件来创建链接来方便我们在 Storybook 中浏览到不同的组件，同时在开发中，需要在编辑器中自动补全 @storybook/addon-links 插件提供的 API。
操作步骤
安装 @types/storybook__addon-links
首先，我们需要安装 @types/storybook__addon-links：
npm install --save-dev @types/storybook__addon-links
修改 tsconfig.json
接下来，我们需要在 tsconfig.json 中配置 @types：
{
"compilerOptions": {
"types": ["node", "@types/storybook__addon-links"]
}
}使用 @storybook/addon-links
现在，我们可以开始使用 @storybook/addon-links 了。我们可以使用 linkTo 方法来创建链接：
-- -------------------- ---- -------
------ - ------ - ---- -------------------------
------ ----- ------------ -------- - -- -- -
------ -
------- ---------------------------
-- -- ------ ---------
---------
--
--测试
最后，我们可以在 Storybook 中浏览到我们的组件，然后通过点击按钮来跳转到指定的组件页面：
npm run storybook
总结
@types/storybook__addon-links 这个 npm 包可以让我们在 TypeScript 的项目中使用 @storybook/addon-links 插件提供的 API，同时它也可以为我们提供类型定义和自动补全功能。
本篇文章介绍了如何在项目中安装和使用 @types/storybook__addon-links，希望这篇文章可以帮助到大家。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/types-storybook-addon-links