2016-06-10 13 views
30

Ich mag gerne wissen, ob es einen Weg gibt, automatischen Einzug eine CSS-Datei in Visual Studio-Code mit der Abkürzung ALT +SHIFT + F zu aktivieren?Visual Studio Code CSS Vertiefung und Formatierung

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

+0

haben Sie diese Erweiterung versucht? https://marketplace.visualstudio.com/items?itemName=lonefy.vscode-JS-CSS-HTML-formatter – moped

Antwort

40

Ja, versuchen Sie die Installation vscode-css-formatter extension. Es fügt nur die Funktionalität hinzu, um .css Dateien zu formatieren, und die Abkürzung bleibt die gleiche Alt+Shift+F.

+0

Dieser macht die Arbeit perfekt. Ich probierte den anderen, der vom Moped vorgeschlagen wurde, aber jedes Mal, wenn ich eine Datei speicherte, musste ich zweimal speichern. –

+1

Wie man diese Erweiterung auf Windows benutzt? alt + shift + f funktioniert nicht und es gibt keine 'Format Code' Option, wenn Sie mit der rechten Maustaste klicken. – kyw

+1

Haben Sie VS-Code nach der Installation der Erweiterung neu gestartet? In welchen Dateien versuchen Sie diesen Befehl auszuführen? – NValchev

-6

Um den Code in Visual Studio formatieren, wenn Sie möchten, drücken Sie: (Strg + K) & (Strg + F)

Die automatische Formatierungsregeln gefunden und geändert werden kann in: Extras/Optionen - > (Linke Seitenleiste): Texteditor/CSS (oder eine andere Sprache, die Sie ändern möchten)

Für die CSS-Sprache sind die Optionen leider sehr begrenzt. Sie können auch einige Änderungen vornehmen: .../Text-Editor/Alle Sprachen

+3

Frage ist für Visual Studio Code (VSCode) nicht Visual Studio – Pierre

2

Es nutzt mehr von in der Galerie zu holen, aber die, die ich bin mit, Das bietet ein hohes Maß an Konfigurierbarkeit, das für die übrigen Einstellungen jedoch immer noch unauffällig bleibt: Beautify by Michele Melluso. Es funktioniert sowohl mit CSS als auch mit SCSS und lässt Sie 3 Leerzeichen einrücken, wobei der Rest des Codes bei 2 Leerzeichen bleibt, was nett ist.

Sie können es von GitHub schnappen und es selbst anpassen, sollte es Ihnen auch gefallen.

+0

Dieser eine funktionierte am besten für mich –

-3

auf Fenster können Sie die Linien Wählen Sie kommentieren möchten/uncomment und drücken CTRL + /

oder

ctrl+k + ctrl+c Kommentar und ctrl+k + ctrl+u

P. S. Kommentar- Dies sollte mit jedem Dokumenttyp funktionieren

+4

Die Frage ist für eine Verknüpfung zum Einrücken CSS-Zeilen, nicht Kommentieren/Auskommentieren Zeilen. – tima

0

Nach dem Öffnen lokalen bootstrap.min.css in Visual Studio-Code, es sah nicht eingerückt. Versucht die Commad ALT + Shift + F aber vergeblich.

installiert Dann

CSS Formatter Erweiterung.

es Reloaded und ALT + Shift + F mit Charme meiner CSS-Datei eingerückt.

Bingo !!!

Verwandte Themen