wake-up-neo.com

Visual Studio Code CSS Einrückung und Formatierung

Ich möchte wissen, ob es eine Möglichkeit gibt, das automatische Einrücken einer CSS-Datei in Visual Studio-Code mit der Verknüpfung zu aktivieren ALT+SHIFT+F?

Es funktioniert gut mit JavaScript, aber seltsamerweise nicht mit CSS.

82
A. DC

Ja, versuchen Sie die Installation der vscode-css-formatter-Erweiterung . Es fügt nur die Funktionalität hinzu, um .css-Dateien zu formatieren, und die Verknüpfung bleibt Alt+Shift+F.

78
NValchev

Verschönerung von css/sass/scss/less

das laufen zu lassen 

geben Sie alt+shift+f ein.

oder

drücken Sie F1 oder ctrl+shift+p und geben Sie Verschönerung ein.

 enter image description here


ein anderer - JS-CSS-HTML Formatter

ich denke, beide Erweiterungen verwenden js-beautify intern

35
bhv

Eine Stunde verschwendet, um die beste Option zu finden.

Einfach zusammenstellen, um sie einfach zu lesen und auszuwählen.

Anmerkungen:

  • CSS und SASS/SCSS/LESS sind alle miteinander verbunden
  • HTML-, Javascript-, TypeScript-, JSON-VS-Code formatiert bereits 
  • CSS und verwandte - VS-Code ist ab heute nicht Formatierung

Optionen:

Formatieren:

Drücken Sie in VS-Code Alt + Umschalt + F
Zum Beispiel nach der Installation des Prettier

Hoffentlich hilft das.

Nach dem Öffnen von local bootstrap.min.css im visuellen Studiocode sah es unbeeindruckt aus . Versuchte das Kommad ALT + Shift + F aber vergebens.

Dann installiert 

CSS Formatter Erweiterung.

Neu geladen und ALT + Shift + F eingerückt meine CSS-Datei mit Charme.

Bingo !!!

4
Shahbaaz Khan

In der Galerie stehen mehrere zur Auswahl, aber die, die ich verwende, bietet ein beträchtliches Maß an Konfigurierbarkeit, die für die restlichen Einstellungen unauffällig bleibt. Beautify by Michele Melluso . Es funktioniert sowohl für CSS als auch für SCSS und ermöglicht das Einrücken von 3 Leerzeichen, wobei der Rest des Codes auf 2 Leerzeichen bleibt, was Nice ist.

Sie können es von GitHub entreißen und selbst anpassen, falls Sie möchten.

3

Installieren Sie die Erweiterung HookyQR.beautify. Es wird Ihr Javascript, JSON, CSS, Sass und HTML in Visual Studio Code verschönern. Es sind die am häufigsten verwendeten Erweiterungen für diesen Zweck

0
William Dekou

Ich empfehle, Prettier zu verwenden, da es sehr erweiterbar ist und trotzdem perfekt funktioniert:

1. CMD + Shift + P -> Format Document

oder

1. Select the text you want to Prettify
2. CMD + Shift + P -> Format Selection
0
feihcsim

Gehen Sie in das Menü Dateien -> Einstellungen -> Erweiterungen .__ Geben Sie dann CSS Formatter ein, warten Sie, bis das Programm geladen ist, und klicken Sie auf Installieren

0
lilhamad