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

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

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

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ที่ด้านล่างขวาให้คลิกการตั้งค่าจากนั้นเลือกเปิดการตั้งค่า
3. หากต้องการเปิดตัวค้นหาเมื่อเข้าถึงตัวจัดการการออกแบบให้เปิดสวิตช์เปิดตัวค้นหาเมื่อเริ่มต้น  
4. หากต้องการอัปเดตตัวแสดงตัวอย่างโดยอัตโนมัติเมื่อสลับระหว่างไฟล์ให้สลับตัวแสดงตัวอย่างอัปเดตเมื่อสลับไฟล์เปิดในส่วนเริ่มต้น
5. หากต้องการเปิดคำเตือนก่อนการแสดงผลให้เปิดสวิตช์เปิดใช้งานคำเตือนก่อนการแสดงผลในส่วน HubL Linting

ปรับแต่งการตั้งค่ารหัส

ปรับแต่งการตั้งค่ารหัสเพื่อควบคุมวิธีการแสดงและแก้ไขรหัสในเครื่องมือแก้ไขรหัส การตั้งค่าเหล่านี้มีผลต่อความสามารถในการอ่านความสอดคล้องและพฤติกรรมการจัดรูปแบบเมื่อมีการเขียนหรืออัปเดตโค้ด

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ที่ด้านล่างขวาให้คลิกการตั้งค่าจากนั้นเลือกเปิดการตั้งค่า
3. คลิกการตั้งค่า: เมนูแบบเลื่อนลงทั่วไปและเลือก รหัส
4. ดำเนินการต่อเพื่อปรับแต่งส่วนลักษณะและแหล่งที่มา

รูปลักษณ์

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

Source

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

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

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ที่ด้านล่างขวาให้คลิกการตั้งค่าจากนั้นเลือกเปิดการตั้งค่า
3. คลิกการตั้งค่า: เมนูแบบเลื่อนลงทั่วไปและเลือก JS Linter
4. คลิกเพื่อเปิดหรือปิดสวิตช์เปิดใช้งาน ESLint เมื่อเปิด ESLint จะทำงานผ่าน JavaScript เมื่อดูเอาต์พุตในไฟล์ที่มีรหัส
5. ในแผงด้านซ้ายให้กำหนดการตั้งค่า ESLint ของคุณ เรียนรู้เพิ่มเติมเกี่ยวกับการกำหนดค่า ESLint
6. ในแผงด้านขวาการสาธิต JavaScript จะแสดงการเปลี่ยนแปลงที่คุณทำทางด้านซ้าย
7. คลิกคืนค่า eslintrc เริ่มต้นเพื่อคืนค่าการกำหนดค่าเริ่มต้น