loading...
Cover image for How to disable prettier in VSCode for a specific project?

How to disable prettier in VSCode for a specific project?

gulshansaini profile image Gulshan Saini ・2 min read

Post source

Prettier is an opinionated code formatter and ensures that code follows consistent style. It can automatically fix formatting related issues for HTML, CSS and JavaScript - for complete list of supported languages, please look at the official docs.

If you are working in a big team and want consistent code formatting without manual intervention(code reviews), I highly recommend Prettier.

Prettier is available as VSCode extension which can be enabled and it automatically take cares of formatting. You could even set preference when to format the file i.e. on file save or when you paste text etc.

I love Prettier and use it daily for personal and organization projects. There could be a case where you do not want Prettier to automatically format files.

Now the first option is to disable the VSCode extension. I am sure this is not what you are looking for as it is pain to enable and disable the extensions every time you switch projects.

Other option is to enable Prettier only when a configuration file is present in the project. To enable this option open VSCode settings

  • On Windows/Linux - File > Preferences > Settings
  • On macOS - Code > Preferences > Settings

Search for Prettier:Require Config and make sure it is checked

Prettier:Require Config

So how does this work?

By turning on this option, Prettier will only work for the projects having valid .prettierrc file. A valid .prettierrc could be as simple as having just opening and closing curly braces as follows

{}

Originally posted at tutorial.tips

Posted on by:

gulshansaini profile

Gulshan Saini

@gulshansaini

Full-stack Engineer | Tech Enthusiast

Discussion

markdown guide