Görsel stüdyo kod CSS girinti ve biçimlendirme

Question

bilmek?

JavaScript ile gayet iyi çalışıyor ancak CSS ile değil, gariptir.

Answer 1

Evet, vscode-css-formatter extension yüklemeyi deneyin. Sadece .css dosyalarını biçimlendirmek için işlevsellik ekler ve kısayol aynı Alt+Shift+F kalır. İstediğiniz zaman

Answer 2

basın, Visual Studio kod biçimlendirmek için: (Ctrl + K) & (Ctrl + F)

oto biçimlendirme kuralları bulunabilir ve değiştirilebilir: Araçlar/Seçenekler - > (Sol kenar çubuğu): Metin Düzenleyici/CSS (veya değiştirmek istediğiniz başka bir dil)

CSS dili için seçenekler ne yazık ki çok sınırlıdır. Ayrıca bazı değişiklikler yapabilirsiniz: Metin Düzenleyici/

Answer 3

Beautify css/sass/scss/less

Tüm Diller

girmek bu çalıştırmak için .../alt+shift+f

veya

basın F1 veya ctrl+shift+p ve sonra güzelleştirin ..

bir diğeri - JS-CSS-HTML Formatter

ben bu uzantı hem içeride galerinin ama kullanıyorum birinde almak için birkaç vardır

Answer 4

js-beautify kullanır düşünüyorum Bu ayarların geri kalanında hala göze çarpmayan bir seviyede yapılandırılabilirlik sunan Beautify by Michele Melluso. Hem CSS hem de SCSS üzerinde çalışır ve kodun geri kalanını 2 boşlukta tutacak 3 boşluk girmenizi sağlar, ki bu da güzel.

GitHub'dan yakalayıp kendinize de uyarlayabilirsiniz. pencerelerde

Answer 5

Eğer yorumsuz/yorum yapmak istediğiniz satırları seçip CTRL + /

veya

ctrl+k + ctrl+c yorum yapmak basıp ctrl+k + ctrl+u

dip not yorumsuz yapabilirsiniz Bu, herhangi bir belge türü ile çalışmalıdır

Answer 6

Görsel stüdyo kodunda yerel bootstrap.min.css açıldıktan sonra, bu arama yanlış görünüyordu. Commad ALT + ÜstKrktr + F'u denedim, ancak boşuna.

Sonra

CSS Formatter uzantısı yüklü.

bunu Reloaded ve ALT + Shift + F cazibesi ile benim CSS dosyası girintili.

Bingo !!!