ข้ามไปที่เนื้อหา
โปรดทราบ:: บทความนี้จัดทำขึ้นเพื่อความสะดวกของคุณ ได้รับการแปลโดยอัตโนมัติโดยใช้ซอฟต์แวร์การแปลและอาจไม่ได้รับการพิสูจน์อักษร บทความฉบับภาษาอังกฤษนี้ควรถือเป็นฉบับทางการที่คุณสามารถค้นหาข้อมูลล่าสุดได้มากที่สุด คุณสามารถเข้าถึงได้ที่นี่

ปรับแต่งการตั้งค่าตัวจัดการการออกแบบ

อัปเดตล่าสุด: กุมภาพันธ์ 13, 2025

สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:

ผลิตภัณฑ์และแพ็กเกจทั้งหมด

ปรับแต่งประสบการณ์นักพัฒนาของคุณด้วยการตั้งค่าตัวจัดการการออกแบบ การตั้งค่ารวมถึงพฤติกรรมการเริ่มต้นตัวจัดการการออกแบบเริ่มต้นการตั้งค่ารหัสสำหรับไฟล์ที่กำหนดเองและการใช้ JavaScript

วิธีเข้าถึงการตั้งค่าเหล่านี้:

  • ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  • ที่ด้านล่างขวาให้คลิกการตั้งค่าจากนั้นเลือกเปิดการตั้งค่า

  • คลิกเมนูแบบเลื่อนลงการตั้งค่าเพื่อเลือกประเภทการตั้งค่าที่คุณต้องการปรับ

การตั้งค่าทั่วไป

  • เปิดตัวค้นหาเมื่อเริ่มต้น: เมื่อเปิดใช้งานตัวค้นหาทางด้านซ้ายจะเปิดขึ้นเมื่อเข้าถึงตัวจัดการการออกแบบเป็นครั้งแรก
  • อัปเดตตัวแสดงตัวอย่างเมื่อสลับไฟล์: เมื่อเปิดตัวแสดงตัวอย่างตัวจัดการการออกแบบจะแสดงไฟล์ที่เลือกในปัจจุบัน เปิดใช้งานการตั้งค่านี้หากคุณต้องการดูตัวอย่างทีละไฟล์

การตั้งค่ารหัส

รูปลักษณ์

  • ธีม: รูปแบบสีที่ใช้โดยบรรณาธิการรหัส
  • แบบอักษร: แบบอักษรหลักและขนาดแบบอักษรที่ใช้โดยตัวแก้ไขรหัส

Source

  • ขนาดแท็บ: ความกว้างของอักขระแท็บเมื่อกดปุ่มแท็บในตัวแก้ไขโค้ด
  • หน่วยการเยื้อง: จำนวนช่องว่างที่โค้ดบล็อกควรเยื้องด้วยการเยื้องอัจฉริยะ
  • แท็บแบบนุ่ม: เมื่อเปิดใช้งานปุ่มแท็บจะแทรกอักขระช่องว่างเท่ากับขนาดแท็บแทนอักขระแท็บ
  • ระยะเยื้องอัจฉริยะ: เมื่อเปิดใช้งานเส้นใหม่จะเป็นไปตามระยะเยื้องที่ตั้งไว้จากเส้นก่อนหน้า
  • เยื้องกับอินพุตการจัดรูปแบบ: เมื่อเปิดใช้งานให้เยื้องบรรทัดเดียวกันกับอินพุตที่ละเอียดอ่อนตามบริบท ตัวอย่างเช่นกรณี x: statement หรือการปิด} จะถูกเยื้องอย่างถูกต้องเมื่อใส่เข้าไป
  • เยื้องด้วยแท็บ: เมื่อเปิดใช้การเยื้องอัตโนมัติที่เกิดจากการเยื้องอัจฉริยะหรือการจัดรูปแบบอินพุตจะใช้แท็บ
  • การห่อเส้น: เมื่อเปิดใช้งานเส้นจะถูกห่อแทนที่จะต้องเลื่อนแนวนอน
  • ปิดวงเล็บอัตโนมัติ: เมื่อเปิดใช้งานตัวแก้ไขโค้ดจะปิดอักขระวงเล็บและใบเสนอราคาโดยอัตโนมัติเช่น
    :() [] {} ''”
  • ปิดแท็กอัตโนมัติ: เมื่อเปิดตัวแก้ไขโค้ดจะปิดแท็ก XML โดยอัตโนมัติ
  • วงเล็บการแข่งขัน: เมื่อเปิดใช้งานการวางเคอร์เซอร์ไว้ถัดจากตัวละครในวงเล็บจะเน้นวงเล็บเปิดหรือปิดที่สอดคล้องกัน
  • แท็กจับคู่: เมื่อเปิดใช้งานการวางเคอร์เซอร์อยู่ถัดจากแท็กจะเน้นแท็กเปิดหรือปิดที่สอดคล้องกัน
  • ดำเนินการบล็อกความคิดเห็นต่อ: เมื่อเปิดใช้งานตัวแก้ไขโค้ดจะดำเนินการบล็อกความคิดเห็นต่อโดยอัตโนมัติเมื่อสร้างบรรทัดใหม่

การตั้งค่าการเขียนจาวาสคริป

  • คลิกเพื่อเปิดหรือปิดสวิตช์เปิดใช้งาน ESLint เมื่อเปิด ESLint จะทำงานผ่าน JavaScript เมื่อดูเอาต์พุตในไฟล์ที่มีรหัส

  • ในแผงด้านซ้ายให้กำหนดการตั้งค่า ESLint ของคุณ เรียนรู้เพิ่มเติมเกี่ยวกับการกำหนดค่า ESLint
  • ในแผงด้านขวาการสาธิต JavaScript จะแสดงการเปลี่ยนแปลงที่คุณทำทางด้านซ้าย
  • คลิกคืนค่า eslintrc เริ่มต้นเพื่อคืนค่าการกำหนดค่าเริ่มต้น

บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot