tw-color-picker-cli: 取 tailwind 类似颜色样式的工具

一个方便取 tailwind class 的工具

项目主页: https://github.com/afeiship/tw-color-picker-cli

安装

yarn global add tw-color-picker-cli

用法

基本的命令行使用参数

$ tcpc -h
Usage: tcpc [options]

Options:
  -V, --version          output the version number
  -v, --verbose          show verbose log
  -t, --is-text          create text color css class
  -b, --is-background    create background color css class
  -c, --config <string>  path to tailwind.config.js
  -h, --help             display help for command

用例

常用的用例

$ tcpc "#E6E8F5" -b # bg-slate-200
$ tcpc "#E6E8F5" -t # text-slate-200
$ tcpc "#E6E8F5"    # slate-200
$ tcpc "#3E3E7C" -b -c './tailwind.config.cjs' -v # with tailwind config file