Disabling languages for Prettier (in VScode)

It used to be straightforward to disable languages for Prettier in VSCode. You just added a prettier.disableLanguages setting and you were done.
(Please set to JSON syntax)
// In settings.json
[
"prettier.disableLanguages": [
"java…


This content originally appeared on Zell Liew and was authored by Zell Liew

It used to be straightforward to disable languages for Prettier in VSCode. You just added a prettier.disableLanguages setting and you were done.

(Please set to JSON syntax)

// In settings.json
[
  "prettier.disableLanguages": [
    "javascript",
    "javascriptreact",
    "json",
    "markdown"
  ],
]

Unfortunately, prettier.disableLanguages is deprecated so we can’t do this anymore. Here’s what we can do instead.

There are two methods.

  1. Enable Prettier in specific languages.
  2. Enable Prettier globally but disable it in specific languages.

Enabling Prettier in specific languages

The first option is to enable Prettier for specific languages you use. You can do this with the editor.defaultFormatter property. Here’s an example where you enable it for CSS.

(JSON Syntax)

[
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
]

If you use this method, you need to enable Prettier for every language, which can be tedious.

[
  "[html]": {
  	"editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
]

So I prefer to enable Prettier globally, but overwrite Prettier in specific languages.

Enabling Prettier Globally but disabling it in specific languages

We can enable Prettier globally with the editor.defaultFormatter property.

"editor.defaultFormatter": "esbenp.prettier-vscode",

If you want to disable Prettier for a specific language, you can set the editor.defaultFormatter to null.

"editor.defaultFormatter": null;

You can also choose to overwrite a specific formatter for a specific language. In the following example, I use Standard JS instead of Prettier for formatting JavaScript.

Note: If you’re using Standard for JavaScript, it’s much easier to use the prettier-vscode-standard extension instead. I wrote about this in another article.

"[javascript]": {
    "editor.defaultFormatter": "chenxsan.vscode-standardjs"
},


This content originally appeared on Zell Liew and was authored by Zell Liew


Print Share Comment Cite Upload Translate Updates
APA

Zell Liew | Sciencx (2021-04-28T00:00:00+00:00) Disabling languages for Prettier (in VScode). Retrieved from https://www.scien.cx/2021/04/28/disabling-languages-for-prettier-in-vscode/

MLA
" » Disabling languages for Prettier (in VScode)." Zell Liew | Sciencx - Wednesday April 28, 2021, https://www.scien.cx/2021/04/28/disabling-languages-for-prettier-in-vscode/
HARVARD
Zell Liew | Sciencx Wednesday April 28, 2021 » Disabling languages for Prettier (in VScode)., viewed ,<https://www.scien.cx/2021/04/28/disabling-languages-for-prettier-in-vscode/>
VANCOUVER
Zell Liew | Sciencx - » Disabling languages for Prettier (in VScode). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/04/28/disabling-languages-for-prettier-in-vscode/
CHICAGO
" » Disabling languages for Prettier (in VScode)." Zell Liew | Sciencx - Accessed . https://www.scien.cx/2021/04/28/disabling-languages-for-prettier-in-vscode/
IEEE
" » Disabling languages for Prettier (in VScode)." Zell Liew | Sciencx [Online]. Available: https://www.scien.cx/2021/04/28/disabling-languages-for-prettier-in-vscode/. [Accessed: ]
rf:citation
» Disabling languages for Prettier (in VScode) | Zell Liew | Sciencx | https://www.scien.cx/2021/04/28/disabling-languages-for-prettier-in-vscode/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.