มีคำสั่งสำหรับการจัดรูปแบบ HTML ในตัวแก้ไข Atom หรือไม่?


218

ผมอยากจะจัดรูปแบบ HTML ของฉันกับคำสั่งที่ผมทำใน Visual Studio โดยใช้Ctrl+ +K Dเป็นไปได้ในAtomหรือไม่ ถ้าไม่มีมีตัวเลือกอื่น ๆ อีกไหม?

คำตอบ:


371

Atom ไม่มีคำสั่งในตัวสำหรับการจัดรูปแบบ html อย่างไรก็ตามคุณสามารถติดตั้งแพ็คเกจatom-beautifyเพื่อรับพฤติกรรมนี้

  1. กดCTRL+ SHFT+ Pเพื่อแสดงชุดคำสั่ง ( CMD+ SHFT+ Pบนเครื่อง Mac)
  2. พิมพ์Install Packagesเพื่อเรียกใช้ตัวจัดการแพคเกจ
  3. พิมพ์beautifyลงในช่องค้นหา
  4. เลือกอะตอมบรรเจิดหรือหนึ่งของแพคเกจอื่น ๆ และคลิกติดตั้ง
  5. ตอนนี้คุณสามารถใช้การเชื่อมโยงคีย์เริ่มต้นสำหรับ atom-beautify CTRL+ ALT+ Bเพื่อทำให้ HTML ของคุณสวยงาม ( CTRL+ OPTION+ Bบนเครื่อง Mac)

44
มันเป็นความเห็นที่ตรงกันข้ามว่ามันยอดเยี่ยมที่ Atom มีแกนที่เล็กที่สุดเท่าที่จะเป็นไปได้เพื่อให้คุณสามารถติดตั้งเฉพาะสิ่งที่จำเป็น เช่น Atom สามารถนำมาใช้สำหรับการพัฒนาแอปที่ไม่ใช่เว็บซึ่งไม่จำเป็นต้องจัดรูปแบบที่ ...
ljs.dev

7
อาจมีการติดตั้งแบบกำหนดเองบางอย่างเช่น "Atom สำหรับนักพัฒนาเว็บ" ที่มาพร้อมกับแพ็คเกจที่ดาวน์โหลดมากที่สุดที่เกี่ยวข้องกับหัวข้อ
Ricardo

2
ยกตัวอย่างเช่นatom-beautifyมีการดาวน์โหลด 685,927 ครั้งในขณะนี้ ... 9 ใน 10 นาทีสุดท้ายรวมถึงของฉัน!
Ricardo

4
atom-beautify เต็มไปด้วยข้อบกพร่อง มันไม่ทำงานกับเอกสารที่เป็นคำจริง มันเพิ่มบรรทัดใหม่อย่างไม่ถูกต้องในหัวเรื่องหากองค์ประกอบอินไลน์แสดงอยู่ การเปลี่ยนจากเอ็นจิ้น JS Beautify ไปเป็นเอ็นจิ้น Pretty Diff ทำให้สิ่งเลวร้ายลง --- องค์ประกอบอินไลน์เช่น<dfn>ห่อไว้ในย่อหน้า
Garret Wilson

5
ฉันไม่ชอบความจริงที่atom-beautifyไม่ได้ใช้ประโยชน์จากการตั้งค่าการเยื้องส่วนบุคคลและ / หรือ.editorconfigการตั้งค่า มันเป็นเพียงการจัดรูปแบบทุกอย่างตามที่
Diti

13

มีแพคเกจบางอย่างสำหรับ HTML ที่น่าสนใจ คุณสามารถค้นหาได้โดยค้นหาคลังข้อมูลแพ็คเกจ Atom:

  1. นำทางไปยังไซต์ Atom
  2. คลิกลิงก์แพ็คเกจ
  3. ป้อน "prettify" ในช่องค้นหา

หรือเพียงไปที่ลิงค์นี้: https://atom.io/packages/search?q=prettify

เมื่อคุณเลือกแพ็คเกจที่ทำในสิ่งที่คุณต้องการคุณสามารถติดตั้งได้โดยใช้คำสั่ง: apm install [package name]จากบรรทัดคำสั่งหรือติดตั้งโดยใช้อินเตอร์เฟสในการตั้งค่า

เมื่อติดตั้งแพ็คเกจแล้วให้ทำตามคำแนะนำเพื่อเปิดใช้งานความสามารถของแพ็คเกจ



6

คุณสามารถเพิ่มแพ็คเกจความงามแบบอะตอมสำหรับการจัดรูปแบบข้อความในแบบอะตอม

ไฟล์ -> การตั้งค่า -> ติดตั้ง

จากนั้นคุณพิมพ์atom-beautifyในพื้นที่การค้นหา

จากนั้นคลิกปุ่มแพ็คเกจ .. เลือก atom beuty และติดตั้ง

ถัดไปคุณสามารถจัดรูปแบบข้อความของคุณโดยใช้ (Alt + ctrl + b) หรือคลิกขวาแล้วเลือกบรรเจิดเนื้อหาของบรรณาธิการ


0
  1. ไปที่ "แพ็คเกจ" ในโปรแกรมแก้ไขอะตอม
  2. จากนั้นในมุมมอง "แพ็คเกจ" เลือก "มุมมองการตั้งค่า"
  3. เลือก "ติดตั้งแพ็คเกจ / ธีม"
  4. ค้นหา "Atom Beautify" และติดตั้ง
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.