In meiner Nuxt-Anwendung, in der ESlint und Prettier installiert und aktiviert sind, habe ich zum Visual Studio-Code-Editor gewechselt.
Wenn ich eine .vue- Datei öffne und CMD+ Shift+ drücke P und Dokument formatieren wähle , wird meine Datei überhaupt nicht formatiert .
Meine .prettierrc- Einstellungen :
{
"tabWidth": 2,
"semi": false,
"singleQuote": true
}
Ich habe so viele Quellcodezeilen, dass ich sie nicht manuell formatieren kann. Was mache ich falsch?
javascript
vue.js
visual-studio-code
nuxt.js
prettier
Billal Begueradj
quelle
quelle
["vue"]
.prettierrc
Zeile hinzufügen"disableLanguages": []
. Docs sagt, dass diese Änderung einen Neustart erfordertCMD
+Shift
+,P
dann Dokument formatieren und dann Prettier als Standardformatierer auswählen, half mir: DAntworten:
Wie ich es sortiert habe, nachdem Prettier sehr frustriert war und nicht mehr in VSCode gearbeitet hat.
VS Code
->View
->Command Palette
und geben Sie Folgendes ein:Format Document With
Configure Default Formatter...
und dann wählenPrettier - Code formatter
.Dies hat das Problem für mich auf magische Weise gelöst.
Abhängig von Ihrem Fall kann dies Ihnen helfen ...
quelle
Configure Default Formatter
Ich bin mir nicht sicher, wo ich es finden soll, aber ich habe Datei-> Einstellungen-> Texteditor-> Standardformatierer verwendetPrettier könnte Ihre Dateien auch beim Speichern formatieren.
Das Installieren und Aktivieren führt jedoch nicht zum Funktionieren.
Sie müssen "Format beim Speichern" in VSCode aktivieren: Einstellung >> Benutzer >> Texteditor >> Formatierung
quelle
alt (command) + shift + f
zum Formatieren ohne Speichern.Wenn das, was @Simin Maleki erwähnt hat, es nicht für Sie löst, besteht die Möglichkeit, dass Ihr Standardformatierer nicht festgelegt ist:
File > Preferences > Settings > Search for "default formatter"
Stellen Sie sicher, dass Ihr
Editor: Default Formatter
Feld nichtnull
sondern istesbenp.prettier-vscode
und dass alle unten aufgeführten Sprachen angekreuzt sind. Dies hat mein Problem behoben.SCHRITT FÜR SCHRITT WALKTHROUGH
Stellen Sie außerdem sicher, dass Ihr Format beim Speichern aktiviert ist:
quelle
Manchmal funktioniert hübscher nicht mehr, wenn der Code syntaktische Fehler enthält. Sie können die Fehler anzeigen, indem Sie auf die Schaltfläche x in der unteren rechten Ecke neben Prettier klicken
quelle
Dies ist kein Problem mit Prettier selbst, sondern
prettier-vscode
mit der VSCode-Erweiterung. Gemäß der Dokumentation ist die Vue-Formatierung standardmäßig deaktiviert:In diesem Fall sollten Sie zum Aktivieren festlegen
"prettier.disableLanguages": []
. Und da dies eine Erweiterungskonfiguration ist, sollten Sie dies nicht in der VSCode-Einstellungsdatei tun.prettierrc
.quelle
Ich benutze Vue nicht, hatte aber das gleiche Problem.
Ich hatte bereits die Einstellungen
Editor: default formatter
zu schönerEditor: Format on Save
zutrue
.eslintrc.js
und.prettierrc
Akten Aber nichts hat funktioniert.Die Lösung für mein Problem war, dass ich alles richtig eingestellt hatte, außer ich musste:
Command
+Shift
+p
format document with
Configure Default Formatter...
Prettier
Als Standard auswählen .Ich weiß nicht, warum das
Editor: Format on Save
Settrue
nicht genug war. Ich musste den Standardformatierer mithilfe der obigen Schritte auswählen, damit es funktionierte.quelle
Ich war mit diesem Problem konfrontiert und diese drei Schritte lösten mein Problem:
quelle
1. Wenn die andere Erweiterung hübscher für mich nicht funktioniert hat, verwende ich einfach die andere VSCODE-Erweiterung mit dem Namen
PrettierNow
Ich denke, das wird helfen, für mich erledigt. Testen Sie die Erweiterung hier2. Von den neuesten Updates von Prettier müssen Sie eine
.prettierrc
Datei in Ihrem Stammverzeichnis der Projekte hinzufügen , wenn Sie bei Prettier bleiben möchten. Ein Beispiel dafür.prettierrc
ist:{ "tabWidth": 4, "singleQuote": true, "semi": false }
quelle
Für mich hatte es mit ESlint zu tun, das auch mit Prettier funktioniert. Eslint funktionierte nicht (eine lokale Installation gegen einen globalen Installationskonflikt), was Prettier kaputt machte.
quelle
Das Aktivieren von "Format beim Speichern" in VSCode: Einstellung >> Benutzer >> Texteditor >> Formatierung hat bei mir funktioniert! 🙌
Drucken
quelle
Können Sie versuchen, diesen Abschnitt zu Ihrer Benutzereinstellungsdatei hinzuzufügen?
"[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode", // "editor.formatOnSave": true, },
quelle
Manchmal mit automatischem Plugin-Update gehen die von Prettier verwendeten erforderlichen Dateien möglicherweise verloren.
Überprüfen Sie diesen Pfad, wenn hier Dateien vorhanden sind oder der Ordner leer ist
C: \ Benutzer \ IHR BENUTZERNAME \ .vscode \ extensions \ esbenp.prettier-vscode-2.2.2 \ out
Wenn es fehlt, deinstallieren Sie und installieren Sie hübscher neu
quelle
Dateipfad:
Wechsel von:
"[javascript]": { "editor.defaultFormatter": "vscode.typescript-language-features" },
Zu:
"[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
Hinweis:
quelle
Ich rollte hübscher auf 1.7.3 zurück und reparierte es
quelle
Wenn keine der anderen Antworten funktioniert, überprüfen Sie, ob
.prettierrc
in Ihrem Arbeitsverzeichnis keine widersprüchlichere Konfiguration vorhanden ist, oder stellen Sie.prettierignore
sicher, dass die Dateien / Ordner nicht ignoriert werden.quelle
Zum Verwalten (befindet sich auf der linken unteren Ecke) -> Einstellungen -> Benutzer tab -> Text-Editor -> Formatierung -> Überprüfen Sie das Format beim Speichern
Wenn dies nicht funktioniert, schließen Sie den vscode-Editor und öffnen Sie ihn erneut
quelle
Für mich war das Problem bei HTML-Dateien, bei denen die Formatierung eines Tages nicht mehr funktionierte. Ich hatte Format On Save konfiguriert, was in allen Dateien außer HTML funktionierte.
Dann wurde mir klar, dass ich Format On Save Mode experimentell auf
modification
anstatt eingestellt hattefile
und vergaß es. Dies hatte zur Folge, dass nichts in HTML-Dateien formatiert wurde, überraschenderweise nicht einmal meine Änderungen. Zurücksetzen, umfile
das Problem zu beheben.quelle
Vor kurzem habe ich das gleiche Problem, dass Prettier den Code beim Speichern nicht automatisch formatiert. Beim Überprüfen von Prettier wurde ein Fehler festgestellt: Ungültiger
"arrowParens"
Wert. Erwartet "immer" oder "vermeiden", aber erhaltentrue
.Die Fehlermeldung wurde angezeigt, als ich darauf klickte:
Es stellte sich heraus, dass ich Prettier Now auch installiert habe. Dies hat einen booleschen Wert in meiner Konfigurationsdatei. Nach der Deinstallation von Prettier Now funktioniert alles einwandfrei.
quelle
Trotz all dieser Einstellungen können immer noch Probleme auftreten. In diesem Fall ist es, wie in einer früheren Antwort ausgeführt, ein guter Punkt, die schönere Benachrichtigung in der unteren Statusleiste in VSCode zu überprüfen.
Wenn Sie auf diesen Status klicken, sollte das Ausgabefenster das Problem in der HTML-Datei melden. Für mich war das Problem, dass ich ein div inside ap-Tag hatte, gegen das vermutlich hübschere / VSCode-Konventionen verstoßen. Als ich es entfernte (und mit allen oben genannten Einstellungen kombinierte, nämlich Standardformatierer und Format beim Speichern ), wurde ich hübscher.
.prettierrc ist nur erforderlich, wenn Sie die VSCode-Einstellungen überschreiben möchten
quelle
Vergessen Sie nicht, "editor.defaultFormatter" in den Einstellungen des VSCode zu aktivieren. In meinem Fall war es null und daher schien auch das "editor.formatOnSave" das Problem nicht zu lösen.
quelle