Edge และ Visual Studio Code การผสมผสานที่ยอดเยี่ยมสำหรับนักพัฒนาเว็บ

ฉันยอมรับว่าฉันชอบผลิตภัณฑ์ของ Microsoft ไม่ใช่ Windows อย่างแน่นอน แต่เนื่องจาก Apple และ Google เอาชนะมันในตลาดมือถือ บริษัท ได้พัฒนาแอปพลิเคชั่นโอเพนซอร์สที่น่าสนใจมากมายโดย Edge และ VS Code เป็นสองในรายการโปรดของฉัน

นั่นเป็นเหตุผลว่าทำไมฉันถึงดูดีมาก การตัดสินใจที่จะรวมเครื่องมือพัฒนาเบราว์เซอร์เข้ากับตัวแก้ไขโค้ด แม้ว่าฉันจะไม่หยุดกังวลว่าสิ่งนี้จะช่วยรวมการผูกขาดเสมือนในเอ็นจิ้นการเรนเดอร์เว็บ
ไมโครซอฟต์เพิ่งประกาศว่าพร้อมใช้งานแล้ว Microsoft Edge Tools ใหม่สำหรับส่วนขยาย VS Code ส่วนขยายใหม่นี้จะช่วยให้นักพัฒนาสามารถใช้เครื่องมือสำหรับนักพัฒนาที่รวมอยู่ในเบราว์เซอร์ได้จากตัวแก้ไข

ภาพหน้าจอที่คุณเห็นในตอนต้นของบทความเป็นการติดตั้ง Visual Studio Code เวอร์ชันพัฒนาบน Linux ของฉันเอง

ส่วนขยายใหม่ช่วยให้นักพัฒนาสามารถใช้งานได้ Edge Elements และเครื่องมือเครือข่ายจากภายในแอปพลิเคชัน ด้วยวิธีนี้คุณสามารถตรวจจับปัญหาสไตล์การออกแบบและ CSS และแก้ไขโค้ดได้โดยไม่ต้องเปิดโปรแกรมอื่น

วิธีนี้แก้ไขข้อบกพร่องที่นักพัฒนาบางคนพลาดใน Linux ยกเว้น BlueGriffon ซึ่งเป็นแบบชำระเงินไม่มีแอปพลิเคชันใดที่รวมโปรแกรมแก้ไขที่มีประสิทธิภาพเข้ากับความสามารถในการดูไซต์

โดยหลักการแล้วความมุ่งมั่นของ Microsoft ที่มีต่อซอฟต์แวร์ฟรี (ซึ่งแม้ว่าหลายคนจำไม่ได้ว่ามันเกิดขึ้นจากยุคสุดท้ายของ Steve Ballmer ในฐานะประธาน บริษัท ) คือการดึงดูดนักพัฒนาที่เลือกเปิดทางเลือกโค้ดมากขึ้น พวกเขาจะต้องขอบคุณการลดเวลาในการดีบักที่ส่วนขยายใหม่จะนำมาใช้อย่างแน่นอน

จนถึงตอนนี้เครื่องมือนี้อยู่ในขั้นทดลองในรูปแบบของส่วนขยายที่แยกจากกันสองส่วน
n แถบงาน

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

คุณสมบัติหลักที่รองรับ ได้แก่ การตั้งค่าการดีบักเพื่อเปิดเบราว์เซอร์ Microsoft Edge ในโหมดดีบักระยะไกลและการเชื่อมต่อเครื่องมืออัตโนมัติ

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

ประเด็นสำคัญคือ lส่วนขยายจำเป็นต้องติดตั้ง Microsoft Edge ดูเหมือนจะใช้ไม่ได้กับ Chrome หรือเบราว์เซอร์อื่น

Edge และ Visual Studio Code เครื่องมือจะทำงานบน Linux หรือไม่

นี่คือสิ่งที่น่าสังเกต แม้ว่าส่วนขยายจะอยู่ในที่เก็บส่วนขยาย VS Code แล้วและผู้ใช้ Linux สามารถติดตั้งได้ ในการเข้าถึงเบราว์เซอร์ Edge เวอร์ชันทดลองใช้คุณจะต้องรอจนถึงช่วงเดือนตุลาคม  (แม้ว่าฉันคิดว่าคุณสามารถแก้ปัญหาบางอย่างได้โดยใช้ลิงก์สัญลักษณ์)

การเปิดตัวครั้งแรกจะมีแพ็คเกจสำหรับการกระจาย Linux ที่สำคัญทั้งหมดรวมถึง Ubuntu, Fedora และ openSUSE โดยใช้แพ็คเกจเนทีฟแทนรูปแบบข้ามแพลตฟอร์มเช่น Snap, FlatPak หรือ Appimage ในขณะนี้สามารถดาวน์โหลดได้จากหน้าโครงการเท่านั้น

เป็นที่ทราบกันดีว่ายกเว้นตัวเลือกการซิงโครไนซ์โดยใช้บัญชี Microsoft เวอร์ชันทดลองใช้แรกจะมีลักษณะเช่นเดียวกับเวอร์ชัน Windows และ Mac ดังนั้นจึงคาดว่าจะรวมเข้ากับส่วนขยายที่เรากำลังพูดถึงได้อย่างสมบูรณ์แบบ

วิธีใช้นามสกุล

ขั้นตอนในการใช้ส่วนขยายมีดังนี้
1) ติดตั้ง Microsoft Edge เวอร์ชันใดก็ได้
2) ติดตั้ง VS Code
3) ติดตั้ง Microsoft Edge Tools สำหรับส่วนขยาย VS Code
4) ติดตั้ง Debugger สำหรับส่วนขยาย Microsoft Ede
5) เปิดโฟลเดอร์ที่มีโปรเจ็กต์ที่คุณต้องการทำงาน

สำหรับคนที่ไม่ชอบอะไรที่เกี่ยวข้องกับ Microsoft ก็สามารถลองใช้ VS Codium ซอร์สโค้ด VS Code ซึ่งแก้ไขจุดบกพร่องจากเครื่องมือ telemetry ทั้งหมดของ Microsoft และหลอกให้ระบบคิดว่า Chromium เป็น Edge แน่นอนฉันไม่แน่ใจว่ามันใช้งานได้จริง

ข้อมูลเพิ่มเติม