Có một lệnh để định dạng HTML trong trình soạn thảo Atom không?

218

Tôi muốn định dạng HTML của mình bằng một lệnh, như tôi làm trong Visual Studio, sử dụng Ctrl+ K+ D. Điều này có thể có trong nguyên tử không? Nếu không, có những lựa chọn khác?

html atom-editor code-formatting

— người dùng376456
nguồn

370

Atom không có lệnh tích hợp để định dạng html. Tuy nhiên, bạn có thể cài đặt gói làm đẹp nguyên tử để có hành vi này.

Nhấn CTRL+ SHFT+ Pđể hiển thị bảng lệnh ( CMD+ SHFT+ Ptrên máy Mac).
Gõ Cài đặt trọn gói để đưa lên quản lý gói.
Gõ làm đẹp vào hộp tìm kiếm.
Chọn làm đẹp nguyên tử hoặc một trong các gói khác và nhấp Cài đặt .
Bây giờ bạn có thể sử dụng liên kết phím mặc định cho làm đẹp nguyên tử CTRL+ ALT+ Bđể làm đẹp HTML của bạn ( CTRL+ OPTION+ Btrên máy Mac).

— Bảo tàng Stuart
nguồn

44

Một ý kiến trái ngược là thật tuyệt khi Atom có lõi nhỏ nhất có thể, do đó bạn chỉ có thể cài đặt những gì cần thiết. tức là, Atom có thể được sử dụng để phát triển các ứng dụng không phải web, không yêu cầu các trình định dạng đó ...

— ljs.dev

7

Có thể có một số cài đặt tùy chỉnh như "Nguyên tử dành cho nhà phát triển Web" đi kèm với các gói được tải xuống nhiều nhất liên quan đến chủ đề.

— Ricardo

2

nguyên tử làm đẹp , chẳng hạn, có 685.927 lượt tải xuống tính đến thời điểm hiện tại ... 9 trong 10 phút cuối, bao gồm cả của tôi!

— Ricardo

4

nguyên tử làm đẹp đầy lỗi. Nó không hoạt động trên các tài liệu từ thật. Nó không chính xác thêm dòng mới trong tiêu đề nếu các yếu tố nội tuyến được trình bày. Việc chuyển đổi từ công cụ JS Beautify sang công cụ Pretty Diff khiến mọi thứ trở nên tồi tệ hơn --- các yếu tố nội tuyến như <dfn>được gói bên trong các đoạn văn.

— Garret Wilson

5

Tôi rất không thích thực tế là atom-beautifykhông sử dụng cài đặt thụt lề cá nhân và / hoặc .editorconfigcài đặt. Nó chỉ định dạng mọi thứ theo cách của nó .

— Diti

13

Có một vài gói để làm đẹp HTML. Bạn có thể tìm thấy chúng bằng cách tìm kiếm kho lưu trữ gói Atom:

Điều hướng đến trang web Atom
Nhấp vào liên kết Gói
Nhập "prettify" vào hộp tìm kiếm

Hoặc chỉ cần truy cập liên kết này: https://atom.io/packages/search?q=prettify

Khi bạn đã chọn gói thực hiện những gì bạn muốn, bạn có thể cài đặt gói đó bằng cách sử dụng lệnh: apm install [package name]từ dòng lệnh hoặc cài đặt gói bằng giao diện trong Tùy chọn.

Khi gói được cài đặt, hãy làm theo hướng dẫn của nó để biết cách kích hoạt các khả năng của nó.

— Lee
nguồn

8

https://github.com/Glavin001/atom-beautify

Bao gồm nhiều ngôn ngữ khác nhau, html cũng vậy ..

— pungggi
nguồn

6

Bạn có thể thêm gói vẻ đẹp nguyên tử để định dạng văn bản trong nguyên tử ..

tập tin -> cài đặt -> Cài đặt

sau đó bạn gõ nguyên tử làm đẹp trong khu vực tìm kiếm.

sau đó nhấp vào nút Gói .. chọn nguyên tử beuty và cài đặt nó.

tiếp theo bạn có thể định dạng văn bản của mình bằng cách sử dụng (Alt + ctrl + b) hoặc nhấp chuột phải và chọn làm đẹp nội dung trình chỉnh sửa

— Jayantha
nguồn

0

Chuyển đến "Gói" trong trình soạn thảo nguyên tử.
Sau đó, trong chế độ xem "Gói", chọn "Chế độ xem Cài đặt".
Chọn "Cài đặt gói / chủ đề".
Tìm kiếm "Atom Beautify" và cài đặt nó.

— Ajay
nguồn