Eine Möglichkeit, Code-Einrückungen zu konvertieren

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Eine Frage

Wenn Sie ein Codebeispiel mit Zwei-Leerzeichen-Einrückung kopieren und es in eine Vier-Leerzeichen-Einrückung konvertieren möchten, was ist die *schnellste* und einfachste Option?

Matt Stauffer, Twitter

Ich habe vor ein paar Jahren darüber geschrieben, wie man das in Sublime Text macht. Ich glaube nicht, dass es in VS Code viel anders ist.

Aber hier ist eine andere Möglichkeit: Verwenden Sie CodePen.

Schritt 1: In CodePen kopieren und einfügen

Nehmen wir an, Sie haben irgendwo Code gefunden, kopieren Sie ihn einfach und fügen Sie ihn ein

Schritt 2: Einstellungen für die Code-Einrückung anpassen

Wenn Sie bereits ein CodePen-Konto haben, ist dies wahrscheinlich bereits eingerichtet, sodass die Standardeinstellung Ihren Wünschen entspricht. Wenn nicht, passen Sie sie im Bereich „Pen Settings“ an

Showing the Pen Settings modal open in CodePen over a demo. the settings show code indentation options for spaces and tabs and for indentation width.
Der Code hatte nach dem Kopieren/Einfügen 2 Leerzeichen, und jetzt ändern wir dies in 4 Leerzeichen als Einstellung.

Schritt 3: Code formatieren

Sie können dies hier manuell tun

Möglicherweise müssen Sie diese Option überhaupt nicht verwenden, wenn Sie den Pen speichern und die Option „Beim Speichern formatieren“ aktiviert haben, da dies automatisch geschieht.

Es wird schnell auf diese neue 4-Leerzeichen-Präferenz umgestellt


CodePen verwendet Prettier im Hintergrund, um dies zu tun. Sie könnten dies also überall tun, wo Sie Zugang zu einer funktionierenden Version von Prettier haben, aber es könnte auf CodePen einfacher sein, da es nichts gibt, wie das Bearbeiten von Konfigurationen oder ähnlichem, um anzupassen, wie Sie es wünschen. Prettier hat auch seinen eigenen Spielplatz, der wahrscheinlich genauso einfach ist wie CodePen, außer dass Sie auf CodePen möglicherweise bereits Ihre Präferenzen eingerichtet haben, was einen Schritt spart.