CODEWITHSUNDEEP
visual-studio-codetailwind-cssautoformatting
Deepak Kumar
Deepak Kumar

Reputation: 11

How to disable vscode autoformating extenstion tailwind css attribute

I have a vs code Extention problem where it makes me frustrating while typing tailwind CSS

Here is before typing tailwind CSS attribute:

Here is before typing tailwind CSS attribute

After when I start typing the word go somewhere randomly within a class then I have to search and type the class

Here is After typing tailwind CSS attribute:

Here is After typing tailwind CSS attribute

Please help me out with this problem

Upvotes: 0

Views: 2497

Answers (1)

JsWizard
JsWizard

Reputation: 1749

Check your Auto Save setting on VS Code. VS Code automatically places the order of the Tailwind Class. In your case, you are having this problem because it is automatically saved and relocated before you completely type the Tailwind Class name.

So, in your case off will solve your problem.

Go into Settings with Ctrl+Comma ---> type auto save ---> Files:Auto Save : off

Other check point is Headwind option setup change.

A setting similar to the picture below will be retrieved when you typed headwind.

Then try changing option Headwind: Run On Save at the bottom of the picture.

enter image description here

Upvotes: 3

Related Questions