npm install -D prettier prettier-plugin-tailwindcss Then add the plugin to yourPrettier configuration: // .prettierrc{"plugins":["prettier-plugin-tailwindcss"]} Upgrading to v0.5.x As of v0.5.x, this plugin now requires Prettier v3 and is ESM-only. This means it cannot be loaded viarequ...
通过自动排序和格式化 Tailwind CSS 类,插件可以帮助开发团队保持一致的代码风格,减少因类名顺序不一致导致的潜在问题。 安装和配置 prettier-plugin-tailwindcss 的步骤 安装依赖: 首先,你需要在你的 vite 项目中安装 Prettier 和 prettier-plugin-tailwindcss 插件。bash npm install --save-dev prettier @prettier/p...
To get started, installprettier-plugin-tailwindcssas a dev-dependency: npm install -D prettier prettier-plugin-tailwindcss Then add the plugin to yourPrettier configuration: // .prettierrc{"plugins": ["prettier-plugin-tailwindcss"] } Upgrading to v0.5.x ...
npm install -D prettier prettier-plugin-tailwindcss Then add the plugin to yourPrettier configuration: // .prettierrc{"plugins":["prettier-plugin-tailwindcss"]} Upgrading to v0.5.x As of v0.5.x, this plugin now requires Prettier v3 and is ESM-only. This means it cannot be loaded viarequ...
A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order. - prettier-plugin-tailwindcss/package.json at main · akx/prettier-plugin-tailwindcss
因此,我的 nextjs 应用程序通常配置了 tailwind,然后运行命令来npm安装prettier 和 prettier tailwind 插件,据我了解,它应该立即工作。我在vscode 中的默认格式化程序是 Prettier,我确保了这一点,并且在保存时我的文件使用 Prettier 进行格式化,但类未排序。
Studio程式码编辑器：开始，将prettier-plugin-tailwindcss作为开发依赖项安装，您似乎已经完成了：npm ...
Studio程式码编辑器：开始，将prettier-plugin-tailwindcss作为开发依赖项安装，您似乎已经完成了：npm ...
npm -i now my tailwind re-formats on save as expected elie222 commented Nov 22, 2023 My prettier config: module.exports = { plugins: ["prettier-plugin-tailwindcss"], }; I had to restart VS Code for it to work though. Full project: https://github.com/elie222/inbox-zero kevinschaich...
npm run bootstrap Repro Run yarn prettier:watch-write Uncomment the example colors in the tailwind.config.cjs Open src/example.tsx Hit save in VS Code VS Code fights with Prettier over the order About No description, website, or topics provided. Resources Readme Activity Stars 0 stars ...