type
status
date
slug
summary
tags
category
icon
password
🧐
有没有人和我一样看了tailwindcss的prettier但是不知道怎么在nextjs项目上使用？

Tailwindcss的Prettier设置

如果你和我一样，看了tailwindcss官方的博客教程，尝试配置tailwindcss的prettier，但是不知到怎样配置config。
那么你可以直接：把下面这截内容复制到package.json的对应位置！
完成！

官方教程

第一节提到的是教程的第二步，配置config。
这是为了来自官方教程的朋友们直接看到答案。
可如果你没有看过那篇博客，你可以点击下方链接查看：
Automatic Class Sorting with Prettier - Tailwind CSS
People have been talking about the best way to sort your utility classes in Tailwind projects for at least four years. Today we’re excited to announce that you can finally stop worrying about it with the release of our official Prettier plugin for Tailwind CSS.
Automatic Class Sorting with Prettier - Tailwind CSS
https://tailwindcss.com/blog/automatic-class-sorting-with-prettier#how-classes-are-sorted
Automatic Class Sorting with Prettier - Tailwind CSS
教程的第一步是安装prettier所需的两个依赖 安装prettier插件所需的两个依赖，开发环境下：
 

按下 SHIFT+ALT+F 运行prettier

此时你应该能看到classname关键字的内容正确地按官方推荐的形式排列了。
如果没有起作用，并且收到vscode的警告提示。就按照提示的说明尝试修复。
最常见的报错是缺少prettier format。这意味着vscode不知道按照什么方式美化你的代码。
这时你可以在插件商店搜索对应的format插件并且安装，之后再次尝试快捷键。
 
👉
我是一个正在学习和实现网站开发的开发者，希望在今年运营出一个 MRR $100 的作品。 如果你发现了什么问题、可改进的地方，或者只是想随意地聊聊天，都非常欢迎联系我！ [即刻 @Sawana](https://okjk.co/Mx4XUR) [X @HSawana9](https://twitter.com/HSawana9)
如何设置NotionNext——对于初次使用它的人们如何通过js/ts的DOM方法操作bilibili/youtube的视频