今天看啥  ›  专栏  ›  前端下午茶

Tailwind轻松实现夜间模式,能跟随系统又能手动控制!

前端下午茶  · 公众号  ·  · 2024-06-16 22:41
    

文章预览

作者:evanryuu 原文:https://juejin.cn/post/7312727134297210914 通过本文,你将会收获到: 如何让vscode不会再对 @tailwind , @apply 之类的属性报错 如何让你的应用既能跟随系统设置,又能手动设置夜间模式 如果本文对你有所帮助,希望你能动动小手点个免费的赞,这会让我更有动力进行写作,谢谢你! VSCode配置: 这一步可以让你的 @apply 和 @tailwind 之类的 @ 属性都不会报错,并有提示 image.png image.png 在项目根目录下新建 .vscode 文件夹 配置settings.json     {        "css.customData" : [ ".vscode/tailwind.json" ]     } 配置tailwind.json     {        "version" :  1.1 ,        "atDirectives" : [         {            "name" :  "@tailwind" ,            "description" :  "Use the `@tailwind` directive to insert Tailwind's `base`, `components`, `utilities` and `screens` styles into yo ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览