Định dạng và thụt lề CSS cho mã Visual studio

Tôi muốn biết liệu có cách nào để kích hoạt tự động thụt lề tệp CSS trong mã studio trực quan bằng phím tắt ALT+ SHIFT+ Fkhông?

Nó hoạt động tốt với JavaScript nhưng kỳ lạ là không với CSS.

Có, hãy thử cài đặt tiện ích mở rộng vscode-css-formatter .
Nó chỉ thêm chức năng định dạng .csstệp và phím tắt vẫn giữ nguyên Alt+ Shift+ F.

Làm đẹp css / sass / scss / less

để chạy cái này

đi vào alt+shift+f

hoặc là

nhấn F1hoặc ctrl+shift+p và sau đó nhập làm đẹp ..

một cái khác - JS-CSS-HTML Formatter

tôi nghĩ rằng cả tiện ích mở rộng này đều sử dụng js-beauty bên trong

Lãng phí một giờ để tìm lựa chọn tốt nhất.

Chỉ cần tập hợp nó lại với nhau, để dễ dàng đọc và chọn một trong số chúng.

Ghi chú:

• CSS và SASS / SCSS / LESS đều có liên quan
• HTML, Javascript, Typescript, JSON - Mã VS đã được định dạng
• CSS và liên quan - Mã VS không định dạng cho đến hôm nay

Các tùy chọn:

• Để định dạng css / sass / scss / less:
  • Đẹp hơn
    • Tất cả css liên quan được hỗ trợ, và không phải những người khác, tôi chọn cái này, nó hoạt động rất tốt.
• Để định dạng JavaScript / TypeScript / CSS:
  • Làm đẹp css / sass / scss / less
    • nhưng, đã JS, TS được hỗ trợ bởi mã VS
• Để định dạng tệp JS, CSS, HTML, JSON (kết thúc js-beauty)
  • JS-CSS-HTML định dạng
    • nhưng JS, HTML, JSON đã được hỗ trợ bởi mã VS
• Để định dạng CSS
  • CSS định dạng
    • nhưng, chỉ CSS được hỗ trợ, không phải tất cả những thứ liên quan - không được duy trì từ 6 tháng trở lên

Để định dạng:

Nhấn Alt+ Shift+ Ftrong VS Code, sau khi cài đặt Prettier.

Sau khi mở bootstrap.min.css cục bộ trong mã studio trực quan, nó trông không có gì phù hợp. Đã thử dấu phẩy ALT + Shift + F nhưng vô ích.

Sau đó được cài đặt

Phần mở rộng CSS Formatter .

Đã tải lại nó và ALT + Shift + F đã thụt lề tệp CSS của tôi một cách quyến rũ.

Bingo !!!

Có một số để chọn trong bộ sưu tập nhưng cái mà tôi đang sử dụng, cung cấp mức độ cấu hình đáng kể vẫn không phô trương đối với phần còn lại của cài đặt là Làm đẹp của Michele Melluso . Nó hoạt động trên cả CSS và SCSS và cho phép bạn thụt lề 3 khoảng trắng, giữ phần còn lại của mã ở 2 khoảng trắng, điều này thật tuyệt.

Bạn có thể lấy nó từ GitHub và tự điều chỉnh nó, nếu bạn cũng cảm thấy thích.

Tôi khuyên bạn nên sử dụng Prettier vì nó rất dễ mở rộng nhưng vẫn hoạt động hoàn hảo khi không có hộp:

1. CMD + Shift + P -> Format Document

hoặc là

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

Vào menu Files -> Preference -> Extentions Sau đó gõ CSS Formatter đợi nó tải và bấm cài đặt

Cài đặt tiện ích mở rộng HookyQR.beautify. Nó sẽ làm đẹp javascript, JSON, CSS, Sass và HTML của bạn trong Visual Studio Code. Nó là tiện ích mở rộng sử dụng nhiều nhất cho mục đích này

Beautify ( Github ) & Prettier ( Github ) là plugin tốt nhất để phát triển web trong Visual Studio Code.

Để định dạng mã trong Visual Studio khi bạn muốn, hãy nhấn: (Ctrl + K) & (Ctrl + F)

Bạn có thể tìm và thay đổi các quy tắc định dạng tự động trong: Công cụ / Tùy chọn -> (Thanh bên trái): Trình chỉnh sửa văn bản / CSS (hoặc bất kỳ ngôn ngữ nào khác mà bạn muốn thay đổi)

Đối với ngôn ngữ CSS, các tùy chọn rất hạn chế. Bạn cũng có thể thực hiện một số thay đổi trong: ... / Text Editor / All Languages