2016-06-10 19 views
30

Mi piacerebbe sapere se c'è qualche modo per attivare l'indentazione automatica di un file CSS nel codice Visual Studio con la scorciatoia ALT + SHIFT +F?codice di Visual Studio indentazione CSS e la formattazione

Sta funzionando bene con JavaScript ma stranamente non con i CSS.

+0

hai provato questa estensione? https://marketplace.visualstudio.com/items?itemName=lonefy.vscode-JS-CSS-HTML-formatter – moped

risposta

40

Sì, prova a installare vscode-css-formatter extension. Aggiunge solo la funzionalità per formattare i file .css e il collegamento rimane lo stesso Alt+Shift+F.

+0

Questo sta facendo perfettamente il lavoro. Ho provato l'altro suggerito dal ciclomotore, ma ogni volta che ho salvato un file, ho dovuto salvare due volte .. –

+1

Come utilizzare questa estensione su Windows? alt + shift + f non funziona e non c'è l'opzione 'Format Code' quando si fa clic con il tasto destro. – kyw

+1

Hai riavviato il vs-code dopo l'installazione dell'estensione? Inoltre, in quali file stai tentando di eseguire questo comando? – NValchev

-6

Per formattare il codice in Visual Studio quando si desidera, premere: (Ctrl + K) & (Ctrl + F)

L'auto regole di formattazione possono essere trovati e modificati in: Strumenti/Opzioni - > (Barra laterale sinistra): Editor di testo/CSS (o qualsiasi altra lingua che si desidera modificare)

Per il linguaggio CSS le opzioni sono purtroppo molto limitate. Si può anche fare alcuni cambiamenti nel: .../Editor di testo/All Languages ​​

+3

La domanda è per Visual Studio Code (VSCode) non Visual Studio – Pierre

2

Ci sono diversi tra cui scegliere nella galleria, ma quella che sto usando, che offre un livello considerevole di configurabilità che rimane comunque non invadente per il resto delle impostazioni è Beautify by Michele Melluso. Funziona su CSS e SCSS e consente di indentare 3 spazi mantenendo il resto del codice a 2 spazi, il che è bello.

Puoi strapparlo da GitHub e adattarlo da solo, se ne hai voglia.

+0

Questo ha funzionato meglio per me –

-3

su Windows è possibile selezionare le linee che si desidera commentare/decommentare e premere CTRL + /

o

ctrl+k + ctrl+c a commentare e ctrl+k + ctrl+u togliere il commento

P.S. questo dovrebbe funzionare con qualsiasi tipo di documento

+4

La domanda è chiedere una scorciatoia per indentare le linee CSS, non le righe commento/uncomment. – tima

0

Dopo l'apertura locale bootstrap.min.css nel codice dello studio visivo, sembrava unindented. Provato il commando ALT + MAIUSC + F ma invano.

poi installato

CSS Formatter estensione.

Reloaded e ALT + Shift + F rientrate mio file CSS con fascino.

Bingo !!!