» npm install prettier-plugin-prisma
Prettier plugin for .prisma files
visual studio code - VSCode Prisma extension not formatting - Stack Overflow
tailwind css - Why can't Prettier find the "prettier-plugin-tailwindcss" plugin on a Remix app? - Stack Overflow
Why does Prettier not format code in VS Code?
I had the same error, then I found this issue on GitHub with the following code, and it worked:
"[prisma]": {
"editor.defaultFormatter": "Prisma.prisma"
},
- Install prisma Insider in VS Code
- Add these lines in Settings.josn
"[prisma]": {
"editor.defaultFormatter": "Prisma.prisma-insider"
},
"editor.formatOnSave": true
Now formatting will work.
I just encountered this problem even though I had everything installed and setup correctly. It got resolved after reloading VS Code through "Command Palette (CTRL + SHIFT + P) > Reload Window". Hope this helps!
I encountered this problem too before. Though I just tried adding the Tailwind Prettier plugin to a new Remix project and everything seems to be working. Here are the steps I performed:
Installed Tailwind
npm install -D tailwindcss postcss autoprefixer concurrentlyAfter finishing all the steps outlined in the link above, I ran
npm install -D prettier prettier-plugin-tailwindcss
I don't have a prettier config file in place. I'm able to run Prettier through vscode and I can confirm that the Tailwind classes are automatically sorted.
Some times with auto plugins update Required files used by Prettier might go missing .
Check this path if files are present here or folder is empty
C:\Users\YOURUSERNAME\.vscode\extensions\esbenp.prettier-vscode-2.2.2\out
If missing uninstall and reinstall prettier
I Rolling back prettier to 1.7.3 and fixed it