Brackets

คำอธิบาย

ด้วยเครื่องมือภาพที่เน้นและการสนับสนุนตัวประมวลผลล่วงหน้า Brackets เป็นโปรแกรมแก้ไขข้อความที่ทันสมัยซึ่งทำให้ง่ายต่อการออกแบบในเบราว์เซอร์ ลองใช้ Creative Cloud Extract (ตัวอย่าง) สำหรับวงเล็บเพื่อดูวิธีง่ายๆ ในการทำความสะอาด CSS ขั้นต่ำโดยตรงจาก PSD โดยไม่มีโค้ดที่สร้างขึ้น

รับรหัสคำแนะนำจาก PSD

ส่วนขยาย Extract for Brackets (ดูตัวอย่าง) ช่วยให้คุณดึงข้อมูลการออกแบบจาก PSD ซึ่งรวมถึงสี แบบอักษร การไล่ระดับสี และข้อมูลการวัดเป็น CSS ที่สะอาดและน้อยที่สุดผ่านคำแนะนำโค้ดตามบริบท คุณยังสามารถแยกชั้นเป็นรูปภาพ ใช้ข้อมูลจาก PSD เพื่อกำหนดตัวแปรตัวประมวลผลล่วงหน้า และรับขนาดระหว่างวัตถุได้อย่างง่ายดาย

บรรณาธิการอินไลน์

แทนที่จะข้ามไปมาระหว่างแท็บไฟล์ วงเล็บให้คุณเปิดหน้าต่างลงในโค้ดที่คุณสนใจมากที่สุด ต้องการทำงานกับ CSS ที่ใช้กับ ID เฉพาะหรือไม่? วางเคอร์เซอร์ของเมาส์บน ID นั้น กด Command/Ctrl+E แล้ววงเล็บจะแสดงตัวเลือก CSS ทั้งหมดที่มี ID นั้นในหน้าต่างอินไลน์ เพื่อให้คุณสามารถทำงานกับโค้ดของคุณเคียงข้างกันโดยไม่มีป๊อปอัป

ดูตัวอย่างสด

รับการเชื่อมต่อแบบเรียลไทม์กับเบราว์เซอร์ของคุณ ทำการเปลี่ยนแปลง CSS และ HTML แล้วคุณจะเห็นการเปลี่ยนแปลงเหล่านั้นบนหน้าจอทันที ดูตำแหน่งที่ตัวเลือก CSS ของคุณถูกนำไปใช้ในเบราว์เซอร์โดยเพียงแค่วางเคอร์เซอร์ไว้บนเบราว์เซอร์ เป็นพลังของโปรแกรมแก้ไขโค้ดที่มีความสะดวกของเครื่องมือสำหรับนักพัฒนาในเบราว์เซอร์

การสนับสนุนตัวประมวลผลล่วงหน้า

ทำงานกับตัวประมวลผลล่วงหน้าในรูปแบบใหม่ทั้งหมด เราทราบดีว่าตัวประมวลผลล่วงหน้ามีความสำคัญต่อเวิร์กโฟลว์ของคุณเพียงใด นั่นเป็นเหตุผลที่เราต้องการทำให้วงเล็บเป็นเครื่องมือแก้ไขโค้ดที่ดีที่สุดสำหรับตัวประมวลผลล่วงหน้า ด้วยวงเล็บเหลี่ยม คุณสามารถใช้ Quick Edit และ Live Highlight กับไฟล์ LESS และ SCSS ซึ่งจะทำให้การทำงานกับไฟล์เหล่านี้ง่ายขึ้นกว่าที่เคย