Формат onsave не работает в VS Code с более красивым

#visual-studio-code #editor #vscode-settings #prettier

#редактор #visual-studio-code #более красивый

Вопрос:

Я использую VS Code с ES Lint и Prettier, и они отлично работали.

Но сегодня я заметил, что Prettier не форматирует код при сохранении, как это было раньше. Я не делал никаких обновлений или изменений, поэтому я не знаю, почему это происходит.

Когда я захожу в настройки, он уже проверен:

введите описание изображения здесь

И если я удалил ; или добавил лишний пробел в коде, это показывает это как ошибку в Prettier, но я должен щелкнуть правой кнопкой мыши и выбрать, чтобы исправить проблемы. Я не знаю, почему это не делается автоматически, как раньше.

введите описание изображения здесь

settings.json:

 {
    "explorer.confirmDelete": false,
    "javascript.preferences.quoteStyle": "single",
    "typescript.preferences.quoteStyle": "single",
    "prettier.jsxSingleQuote": true,
    "prettier.singleQuote": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "window.zoomLevel": 0,
    "editor.formatOnSave": true
}
  

Есть идеи о том, как решить эту досадную проблему?

Ответ №1:

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

Добавление этого в settings.json работает для меня

Полные настройки.json:

 {
"window.zoomLevel": 0,
"workbench.editor.enablePreview": false,
"workbench.editor.enablePreviewFromQuickOpen": false,
"[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"git.autofetch": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true
  

}