javascript - how to remove prettier code-formatter plugin completely in vs code? - Stack Overflow

admin管理员组

文章数量:1323524

I uninstall the prettier code-formatter plugin by uninstalling button but when I save the react js file it automatically formats the code.

Here what setting.json file looks like

{
"workbench.iconTheme": "material-icon-theme",
"window.zoomLevel": 1,
"editor.fontFamily": "Monaco, Menlo, 'Courier New', monospace",
"files.autoSave": "afterDelay",
"npm.enableScriptExplorer": true,
"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"debug.node.autoAttach": "on",
"diffEditor.ignoreTrimWhitespace": true,
"window.zoomLevel": 2,
"prettier.jsxSingleQuote": true,
"editor.codeActionsOnSave": {
    "sourceanizeImports": true
},
"editor.formatOnSave": true,
"prettier.endOfLine": "auto",
"eslint.autoFixOnSave": true,
"git.autofetch": true,
"[ruby]": {},
"terminal.integrated.shell.osx": "/bin/bash"

}

I want to know how to get rid of the esbenp.prettier-vscode.

I uninstall the prettier code-formatter plugin by uninstalling button but when I save the react js file it automatically formats the code.

Here what setting.json file looks like

{
"workbench.iconTheme": "material-icon-theme",
"window.zoomLevel": 1,
"editor.fontFamily": "Monaco, Menlo, 'Courier New', monospace",
"files.autoSave": "afterDelay",
"npm.enableScriptExplorer": true,
"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"debug.node.autoAttach": "on",
"diffEditor.ignoreTrimWhitespace": true,
"window.zoomLevel": 2,
"prettier.jsxSingleQuote": true,
"editor.codeActionsOnSave": {
    "sourceanizeImports": true
},
"editor.formatOnSave": true,
"prettier.endOfLine": "auto",
"eslint.autoFixOnSave": true,
"git.autofetch": true,
"[ruby]": {},
"terminal.integrated.shell.osx": "/bin/bash"

}

I want to know how to get rid of the esbenp.prettier-vscode.

• javascript
• visual-studio-code
• prettier

Share Improve this question Follow asked Jan 8, 2020 at 9:50 anand anand 6711 gold badge11 silver badge1010 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

open mand palette > Format Document With... > Configure Default Formatter

You need to have an HTML file open in your active tab. That should give you the option of picking the builtin HTML language features and consequently change the value of the respective setting in your JSON.

To disable formatting altogether you need to uncheck "Format On Save" and "Format on Type" or edit the respective "editor.formatOnSave" and "editor.formatOnType" fields with a false value.

本文标签： javascripthow to remove prettier codeformatter plugin completely in vs codeStack Overflow