# @felix-health/felix-app-tailwind-design-system 中文文档

规范地址：https://npmcn.com/package/%40felix-health/felix-app-tailwind-design-system/

版本：2\.5\.1
npm 元数据更新时间：2026-11-05T15:14:58.442Z
中文译文更新时间：2026-11-14T14:00:53.206Z
软件包许可：ISC

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40felix-health/felix-app-tailwind-design-system
原文对照：https://npmcn.com/package/%40felix-health/felix-app-tailwind-design-system/?lang=original
项目主页：https://gitlab.com/felix-health/felix-app-tailwind-design-system#readme
源码仓库：https://gitlab.com/felix-health/felix-app-tailwind-design-system

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：35.1 kB，18 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- Node.js 要求：24\.22\.2
- 运行依赖：0 个
- 首次发布：2021-08-20T14:33:07.978Z
- 最新版本发布：2026-11-05T15:14:58.260Z
- 近 30 天下载量：6408（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：35（近 12 个月 9 个）

## 中文简介

Felix 设计系统的 Tailwind CSS 插件

## 安装

```sh
npm install @felix-health/felix-app-tailwind-design-system
```

也可以使用：`pnpm add @felix-health/felix-app-tailwind-design-system`、`yarn add @felix-health/felix-app-tailwind-design-system`、`bun add @felix-health/felix-app-tailwind-design-system`

## README

# Felix App Tailwind 设计系统

在菲利克斯的台风CSS 预设了我们的基础风格和设计标志

## 使用量

如果你已经没有了 `tailwind.config.js` 在工程根中的文件,生成一个 `npx tailwindcss init`

运行 `npm i @felix-health/felix-app-tailwind-design-system` 在您的工程中安装预设

然后将预设添加到您的 `tailwind.config.js` 文件 :

```js
// tailwind.config.js
module.exports = {
  // ...
  presets: [require('@felix-health/felix-app-tailwind-design-system')],
};
```

此预设将尾风配置运行于 [简讯](https://tailwindcss.com/docs/just-in-time-mode) 模式。 这意味着你必须确保配置您的 `content` 选项 `tailwind.config.js` 带有所有模板文件的文件,以便JIT模式能够知道哪些文件可以扫描 :

```js
module.exports = {
  // These paths are just examples, customize them to match your project structure
  content: ['./public/**/*.html', './src/**/*.{js,jsx,ts,tsx,vue}'],
  // ...
  presets: [require('@felix-health/felix-app-tailwind-design-system')],
};
```

我们还增加了 `fx-` 每个班级通过 [前缀](https://tailwindcss.com/docs/configuration#prefix) 默认键.

您可以继续在您的配置中添加其它配置 `tailwind.config.js` 类似文件 `important`等,还有...

## 尾风查看器

如果您想要视觉表现预设本身生成的类, 我们使用 [尾风配置查看器](https://github.com/rogden/tailwind-config-viewer)。 。 。 .

后风配置取景器在 : [https://tailwind-config-viewer.felixforus.ca. 中国植物物种信息数据库](https://tailwind-config-viewer.felixforus.ca/)

本地运行,运行 `npm install` 接下来 `npm run tailwind-config-viewer` 从项目的根。 这个用的是 `tailwind.config.js` 从预设中生成样式的文件.

## 出版新版本

-   确保您将软件包的版本切入 `package.json`
-   将您的更改合并到 `master` 分支
-   继续走 [这里](https://docs.github.com/en/repositories/releasing-projects-on-github/managing-releases-in-a-repository#creating-a-release) 创建新的发行。 发布后, Github 动作会将发布推向 npm

**说明\***

消耗您在 `vue-components` 仓库 : `npm install @felix-health/felix-app-tailwind-design-system@latest`

## 如果您发现依赖性太新出错

您可以绕过最低释放年龄要求 :

```bash
npm config set min-release-age 0
npm install <package-name>
# Then set it back
npm config set min-release-age <original value in .npmrc>
```

## 其他说明

了解更多 TailwindCSS 预设: [https://tailwindcs.com/docs/预设](https://tailwindcss.com/docs/presets)

## 常见问题

### @felix-health/felix-app-tailwind-design-system 是什么？

Felix 设计系统的 Tailwind CSS 插件

### 如何安装 @felix-health/felix-app-tailwind-design-system？

在项目目录运行 npm install @felix-health/felix-app-tailwind-design-system，或使用 pnpm add / yarn add / bun add。

### @felix-health/felix-app-tailwind-design-system 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/felix-health\_\_felix-app-tailwind-design-system 是否存在。

### @felix-health/felix-app-tailwind-design-system 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @felix-health/felix-app-tailwind-design-system 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js 24\.22\.2。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @felix-health/felix-app-tailwind-design-system 可以商用吗？

@felix-health/felix-app-tailwind-design-system 使用 ISC 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @felix-health/felix-app-tailwind-design-system 的下载量有多少？

根据 npm 官方下载统计，@felix-health/felix-app-tailwind-design-system 在 2026/10/15 – 2026/11/13 这 30 天内被下载 6,408 次，日均约 214 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @felix-health/felix-app-tailwind-design-system 还在维护吗？

最新版本 2\.5\.1 发布于 2026/11/05（8 天前）；至今共发布 35 个版本，其中过去 12 个月发布了 9 个；首次发布于 2021/08/20。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。