วงเล็บ
นักพัฒนา	อะโดบี
ปล่อย	4 พฤศจิกายน 2557 [ 1 ] ( 4 พฤศจิกายน 2014 )
เวอร์ชันเสถียร	2.2.1 [ 2 ]  / 22 มีนาคม 2023 ( 22 มีนาคม 2566 )
รุ่นทดลองใช้งาน	2.1.0-รุ่นทดลอง[ 3 ]  / 9 พฤษภาคม 2022
เขียนเป็น	JavaScript , HTML , CSS
ระบบปฏิบัติการ	macOS , WindowsและLinux
ผู้สืบทอด	ฟีนิกซ์โค้ด
ขนาด	~75 MB
มีจำหน่ายใน	38 ภาษา[ 4 ]
พิมพ์	โปรแกรมแก้ไขซอร์สโค้ด
ใบอนุญาต	เอ็มไอที
เว็บไซต์	วงเล็บ.io
ที่เก็บข้อมูล	github.com/brackets-cont/brackets​​​

Bracketsเป็นโปรแกรมแก้ไขซอร์สโค้ดที่เน้นการพัฒนาเว็บเป็น หลัก ^{[ 5 ]}สร้างโดยAdobe Inc.เป็นซอฟต์แวร์โอเพนซอร์สฟรีที่ได้รับอนุญาตภายใต้MIT Licenseและปัจจุบันได้รับการดูแลบนGitHubโดยนักพัฒนาโอเพนซอร์ส เขียนด้วยJavaScript , HTMLและCSS Brackets เป็นโปรแกรมข้ามแพลตฟอร์มมีให้ใช้งานสำหรับmacOS , WindowsและLinux ส่วนใหญ่ จุดประสงค์หลักของ Brackets คือฟังก์ชันการแก้ไขHTML , CSSและJavaScript แบบเรียลไทม์ ^{[ 6 ]}

เมื่อวันที่ 4 พฤศจิกายน 2014 Adobe ได้ประกาศเปิดตัว Brackets เวอร์ชันแรก (1.0) การอัปเดตนี้ได้เพิ่มคุณสมบัติใหม่ๆ เช่น การใช้คีย์ลัดแบบกำหนดเอง และการแสดงคำแนะนำ JavaScript ที่แม่นยำยิ่งขึ้น Brackets เน้นการพัฒนาด้วย JavaScript, CSSและHTML เป็นหลัก พร้อมกับการเปิดตัวเวอร์ชัน 1.0 Adobe ได้ประกาศคุณสมบัติที่ดึงข้อมูลการออกแบบจากไฟล์ PSDเพื่อความสะดวกในการเขียนโค้ดใน CSS ^{[ 7 ]}ณ วันที่ 28 มิถุนายน 2016 คุณสมบัตินี้ถูกยกเลิกอย่างเป็นทางการเนื่องจากมีการใช้งานน้อย^{[ 8 ]}อย่างไรก็ตาม ฟังก์ชัน Extract ยังคงใช้งานได้ผ่าน Photoshop และ Dreamweaver ซึ่งทั้งสองโปรแกรมเป็นส่วนหนึ่งของบริการแบบชำระเงิน Adobe Creative Cloud ^{[ 9 ]}ในเดือนมีนาคม 2021 Adobe ประกาศว่าจะยุติการสนับสนุน Brackets ในวันที่ 1 กันยายน 2021

โครงการ Brackets ได้ถูกโอนย้ายไปเป็นโครงการที่ชุมชนเป็นเจ้าของและขับเคลื่อนในภายหลัง เวอร์ชันล่าสุดของ Brackets คือ 2.2.1 ^{[ 10 ]}

Adobeเริ่มพัฒนาโปรแกรมแก้ไขข้อความสำหรับการพัฒนาเว็บ เป็นครั้งแรก บนEdge Codeซึ่งถูกยกเลิกในเดือนพฤศจิกายน 2014 ^{[ 11 ]}ความพยายามนี้ต่อมาได้ถูกเปลี่ยนเป็น Adobe Brackets ด้วยการเปิดตัว Brackets 1.0 Adobe ได้ประกาศว่าการพัฒนาแอปพลิเคชันโอเพนซอร์สสำหรับการพัฒนาเว็บเสร็จสมบูรณ์แล้วและไม่ใช่โครงการทดลองอีกต่อไป Brackets มีการมีส่วนร่วมจากผู้ร่วมพัฒนาชุมชนมากกว่า 282 ราย และมีคำขอแก้ไขข้อบกพร่องและคุณสมบัติใหม่มากกว่า 400 รายการ Brackets ทุกเวอร์ชันมียอดดาวน์โหลดมากกว่า 100,000 ครั้ง และเป็นโครงการยอดนิยมอันดับที่ 16 บนGitHubณ วันที่ 16 มกราคม 2015 ^{[ 12 ]}

คลังเก็บข้อมูล Brackets บน GitHub ( คลังเก็บข้อมูล Bracket ) ปัจจุบันมี 152 สาขา 110 รุ่นและ 17,700 คอมมิตณ วันที่ 30 สิงหาคม 2561 ซอร์สโค้ดมีให้ใช้งานฟรีภายใต้ใบอนุญาต MITนักพัฒนาสามารถแก้ไขคุณสมบัติของ Brackets และปรับแต่งให้เหมาะสมกับความสะดวกของตนเองได้โดยการคัดลอกโค้ดซอฟต์แวร์^{[ 13 ]}

Adobe ได้ยุติการสนับสนุน Brackets อย่างเป็นทางการเมื่อวันที่ 1 กันยายน 2021 และแนะนำให้ผู้ใช้ย้ายไปใช้Visual Studio Codeของ Microsoft ^{[ 14 ]}เวอร์ชันสุดท้ายที่วางจำหน่ายอย่างเป็นทางการคือเวอร์ชัน 1.14.2 แต่เวอร์ชันที่พัฒนาต่อโดยชุมชนยังคงวางจำหน่ายต่อไป^{[ 15 ] [ 16 ]}นอกจากเวอร์ชันที่พัฒนาต่อโดยชุมชนแล้ว ผู้ร่วมพัฒนา Brackets ยังได้ประกาศเปิดตัว Phoenix Code เมื่อวันที่ 30 สิงหาคม 2021 ^{[ 17 ] [ 18 ]}

วงเล็บมีคุณสมบัติหลายประการ^{[ 19 ]}รวมถึง:

• แก้ไขด่วน
• เอกสารด่วน
• ดูตัวอย่างสด
• เจเอสลินท์
• การสนับสนุนน้อยลง^{[ 20 ]}
• โอเพ่นซอร์ส^{[ 21 ]}
• ความสามารถในการขยาย
• โค้ดมิเรอร์
• RequireJS (โมดูล)

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

ไฟล์HTML

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

ไฟล์JavaScript

สำหรับ การแก้ไขด่วนในฟังก์ชัน JavaScriptนั้น จะทำงานในลักษณะเดียวกับการแก้ไขในองค์ประกอบ HTMLแต่จะแสดงเนื้อหาของฟังก์ชันที่เลือกไว้ในกล่องดรอปดาวน์ การเปลี่ยนแปลงใดๆ ที่เกิดขึ้นกับเนื้อหาของฟังก์ชันจะส่งผลและอัปเดตโดยตรงในไฟล์JavaScript ที่เกี่ยวข้อง

ไฟล์ที่มีคุณสมบัติสีแบบเลขฐานสิบหกหรือRGB

สำหรับคุณสมบัติสี การแก้ไขด่วนจะแสดงตัวเลือกสีแบบอินไลน์สำหรับการดูตัวอย่างและการปรับแต่งสี

เมื่อคลิกที่ส่วนของโค้ดCSS / HTML ที่เกี่ยวข้อง เว็บเบราว์เซอร์จะแสดงผลลัพธ์ที่เกี่ยวข้องกับโค้ดนั้นทันที คุณสมบัตินี้เรียกว่า Live Preview ซึ่งจะแสดงการแก้ไขโค้ดไปยังเบราว์เซอร์ ทันที เพื่อให้เว็บเพจแสดงผลได้ทันสมัยตามที่นักพัฒนาแก้ไขโค้ด Brackets มี แบ็กเอนด์ Node.jsที่คาดการณ์การทำงานของโค้ดขณะที่นักพัฒนาพิมพ์โค้ด

มีสองสถานการณ์ให้ชมตัวอย่างแบบสดๆ

ไม่มีตรรกะเบื้องหลัง

เมื่อใช้ Live Preview โปรแกรม Brackets จะเปิด ไฟล์ HTML ที่เลือก ในGoogle Chrome โดยการส่งเนื้อหาคงที่จาก เซิร์ฟเวอร์ภายในของ Brackets ขั้นตอนนี้ไม่จำเป็นต้องมี ตรรกะ เบื้องหลัง ใดๆ เพื่อรองรับการแสดงการเปลี่ยนแปลงในไฟล์HTML

ตรรกะฝั่งแบ็กเอนด์

ด้วยตรรกะฝั่งเซิร์ฟเวอร์ Brackets จะนำทางGoogle Chrome ไปยัง URLของโปรเจ็กต์ที่กำหนดไว้ซึ่งทำงานอยู่บนเซิร์ฟเวอร์ แยกต่างหาก แต่จะปิดใช้งานการสนับสนุน คุณสมบัติที่เกี่ยวข้องกับ HTMLส่งผลให้ เบราว์ เซอร์จะไม่สามารถอัปเดต ไฟล์ HTML , PHPฯลฯ แบบเรียลไทม์ได้ และ การเน้น องค์ประกอบก็จะถูกปิดใช้งานสำหรับไฟล์เหล่านี้ด้วย เฉพาะการแก้ไขและการเน้นองค์ประกอบที่เกี่ยวข้องกับ ไฟล์ CSS เท่านั้น ที่จะแสดงผลแบบเรียลไทม์ การอัปเดตไฟล์ที่ไม่ใช่CSS ทั้งหมด จะถูกโหลดใหม่โดยอัตโนมัติแทน ข้อจำกัดเหล่านี้มีอยู่เนื่องจากการให้ฟังก์ชันการแก้ไขแบบเรียลไทม์สำหรับไฟล์HTML จำเป็นต้องแทรก คำอธิบายประกอบลงใน โค้ด HTMLก่อนที่โค้ดจะถูกโหลดลงในเบราว์เซอร์ การแทรกเหล่านี้โดยปกติจะจัดการโดย เซิร์ฟเวอร์ในตัวของ Brackets แต่จะไม่มีอยู่เมื่อโปรเจ็ก ต์ใช้เซิร์ฟเวอร์ ส่วนตัวแยกต่างหาก

1. การอัปเดต HTMLและCSSแบบเรียลไทม์ (โดยไม่ต้องโหลดหน้าเว็บใหม่)
2. การเน้น องค์ประกอบ : องค์ประกอบที่เลือกใน ไฟล์ HTMLและCSSจะถูกเน้นในเบราว์เซอร์

• ปัจจุบันใช้งานได้เฉพาะกับGoogle Chrome บนเดสก์ท็อปเท่านั้น (ไม่รองรับChromium เวอร์ชันโอเพนซอร์ส ) โดยใช้เป็นเบราว์ เซอร์เป้าหมาย
• การเปิดเครื่องมือสำหรับนักพัฒนาในGoogle Chromeจะปิดการเชื่อมต่อการพัฒนาแบบเรียลไทม์ทั้งหมด
• ไฟล์ทั้งหมดที่จะดูต้องอยู่ในโฟลเดอร์ที่เปิดอยู่ใน Brackets เท่านั้น
• สามารถดูตัวอย่าง ไฟล์ HTML ได้เพียง ครั้งละหนึ่งไฟล์เท่านั้น
• การอัปเดตแบบเรียลไทม์จะหยุดชั่วคราวเมื่อพบโค้ด HTML ที่ไม่ถูกต้องตามหลักไวยากรณ์ Brackets จะกลับมาส่งการเปลี่ยนแปลงไปยัง เบราว์เซอร์ อีกครั้ง เมื่อแก้ไขไวยากรณ์ แล้ว

คุณสมบัตินี้จะแบ่งมุมมองหลักออกเป็นสองส่วน ผู้ใช้สามารถแบ่งมุมมองได้ทั้งแนวตั้งหรือแนวนอนตามความสะดวก ทำให้ผู้ใช้สามารถทำงานกับไฟล์สองไฟล์พร้อมกันได้ นักพัฒนาสามารถทำงานกับไฟล์สองไฟล์ที่แตกต่างกัน ไฟล์สองไฟล์ประเภทเดียวกัน หรือแม้แต่สองส่วนที่แตกต่างกันของไฟล์เดียวกันได้พร้อมกัน คุณสมบัติเช่น การแสดงตัวอย่างแบบเรียลไทม์ (Live Preview) และการแก้ไขด่วน (Quick Edit) สามารถใช้งานได้ในทั้งสองมุมมอง

Brackets รองรับโค้ดจากไฟล์หลายประเภท ตั้งแต่C++ , C , VBScriptไปจนถึงJava , JavaScript , HTML , Python , PerlและRubyรวมแล้วมีมากกว่า 38 ประเภทไฟล์ ทำให้ผู้ใช้สามารถทำงานกับไฟล์ต่างๆ ในโปรเจ็กต์เดียวกันได้พร้อมกัน

โปรแกรม Brackets รองรับฟีเจอร์ที่เรียกว่า "PSD lens" ซึ่งช่วยในการแยกภาพ โลโก้ และสไตล์การออกแบบแต่ละส่วนออกจากไฟล์ PSD ได้อย่างราบรื่น โดยไม่ต้องเปิดPhotoshopเพื่อตรวจสอบAdobe เรียกฟีเจอร์นี้ว่าเวอร์ชันทดลอง ซึ่งแสดงให้เห็นว่ายังมีงานอีกมากที่ต้องทำก่อนที่ฟีเจอร์นี้จะสมบูรณ์แบบ ฟีเจอร์นี้ได้รับการตอบรับที่ดีจากนักพัฒนา แต่ก็มีปัญหาหลายอย่างที่ถูกรายงานในช่วงแรกของการเปิดตัวฟีเจอร์ ปัญหาเหล่านั้นได้รับการแก้ไขในภายหลังโดยใช้ส่วนขยาย

Brackets ผสานรวม Theseus ซึ่งเป็นดีบักเกอร์JavaScript แบบโอเพนซอร์ส ที่ช่วยให้นักพัฒนาสามารถตั้งเบรกพอยต์ ก้าวผ่านโค้ด และตรวจสอบค่าของตัวแปรแบบเรียลไทม์ได้^{[ 22 ]} Theseus สามารถใช้เพื่อดีบักส่วนขยายใดๆ ใน Brackets และติดตั้งได้ง่ายโดยใช้ตัวจัดการ ส่วนขยายในตัว นอกจากนี้Theseus ยังทำงานร่วมกับ Live Preview ผ่านพร็อกซีเซิร์ฟเวอร์ที่บันทึกฟังก์ชันและค่าที่เกี่ยวข้องทุกครั้งที่มีการเรียกใช้ฟังก์ชัน

เนื่องจากสร้างด้วยHTML , CSSและJavaScriptนักพัฒนาสามารถเพิ่มฟังก์ชันการทำงานเพิ่มเติมให้กับ Brackets ได้โดยการสร้างส่วนขยาย^{[ 19 ] [ 23 ]}ส่วนขยายเหล่านี้ สามารถค้นหาและติดตั้งได้โดยใช้ ตัวจัดการส่วนขยายในตัวนอกจากนี้ยังสามารถค้นหาส่วนขยาย ได้ทางออนไลน์ผ่าน Brackets Extension Registry

• เฟรมเวิร์กฝังตัวของโครเมียม (CEF)
• รายชื่อโปรแกรมแก้ไขข้อความ
• การเปรียบเทียบโปรแกรมแก้ไขข้อความ § คุณสมบัติการเขียนโปรแกรม
• การเปรียบเทียบโปรแกรมแก้ไข HTML
• อะตอม

• เว็บไซต์อย่างเป็นทางการ