บางครั้งการเขียนโค้ดอาจรู้สึกเหมือนเป็นการไขปริศนาที่ซับซ้อน บางครั้งปริศนานั้นก็เกิดขึ้นเพื่อ 'มองเห็นความแตกต่าง' Visual Studio Code (VS Code) ช่วยให้คุณสามารถเปรียบเทียบเนื้อหาของสองไฟล์ได้อย่างสวยงามด้วยขั้นตอนง่ายๆ เพียงไม่กี่ขั้นตอน คู่มือนี้จะแสดงให้คุณเห็นว่าการเปรียบเทียบไฟล์สองไฟล์ที่แตกต่างกันใน VS Code นั้นง่ายเพียงใด นอกจากนี้ยังมีคุณสมบัติเก๋ๆ อื่นๆ ที่สามารถทำให้การเขียนโค้ดสะดวกยิ่งขึ้นอีกด้วย
การเปรียบเทียบสองไฟล์ใน VS Code
ก่อนที่จะเปรียบเทียบเนื้อหาของสองไฟล์ คุณต้องเปิดทั้งสองไฟล์ใน Visual Studio Code ต่อไปนี้เป็นวิธีดำเนินการกับไฟล์ในระบบของคุณ:
- เปิดทั้งสองไฟล์ที่คุณต้องการเปรียบเทียบใน VS Code โดยคลิกที่ไฟล์จากแผงสำรวจด้านซ้าย
- คลิกขวาที่แท็บของไฟล์แรกที่คุณต้องการเปรียบเทียบ
- จากเมนูคลิกขวาที่ปรากฏขึ้น ให้เลือกตัวเลือก เลือกเพื่อเปรียบเทียบ
- คลิกขวาที่แท็บของไฟล์ที่สองที่คุณต้องการดูทางด้านขวาของหน้าจอ
- เลือก 'เปรียบเทียบกับรายการที่เลือก' เพื่อดูความแตกต่าง
ในทำนองเดียวกัน คุณสามารถเปรียบเทียบไฟล์และโปรแกรมแก้ไขที่ไม่ได้บันทึกได้ เลือกตัวแก้ไขตัวแรก คลิก “เลือกเพื่อเปรียบเทียบ” จากนั้นคลิก “เปรียบเทียบกับตัวที่เลือก” บนตัวแก้ไขตัวที่สอง
วิธีดู ping ใน lol
เปรียบเทียบ Git เวอร์ชันต่างๆ
การเปรียบเทียบเวอร์ชันพื้นที่เก็บข้อมูล Git ที่แตกต่างกันจะแตกต่างจากการเปรียบเทียบไฟล์ในเครื่องของคุณเองเล็กน้อย คุณสามารถทำได้ด้วยวิธีนี้:
- ไปที่มุมมองนักสำรวจ
- เลือกไฟล์ที่คุณต้องการสำรวจผ่านประวัติเวอร์ชัน Git
- คลิกที่มุมมองไทม์ไลน์เพื่อขยายและคลิก “Git View File History”
- คลิกที่ Git commit เพื่อดูว่าไฟล์เปลี่ยนแปลงไปอย่างไร
เปรียบเทียบสองโฟลเดอร์
คุณไม่ได้ถูกจำกัดอยู่เพียงการเปรียบเทียบไฟล์ใน VS Code เท่านั้น ต่อไปนี้คือวิธีที่คุณสามารถเปรียบเทียบเนื้อหาของสองโฟลเดอร์:
- ค้นหาและดาวน์โหลดส่วนขยาย “Diff Folders” จากคอนโซลส่วนขยาย
- เปิดมุมมองโฟลเดอร์ Diff จากเมนูของคุณ
- เลือกโฟลเดอร์ที่คุณต้องการเปรียบเทียบ
- คลิก 'เปรียบเทียบ' และเนื้อหาจะปรากฏขึ้น
มองเห็นความแตกต่าง
เมื่อคุณเลือกสองไฟล์สำหรับ VS Code เพื่อเปรียบเทียบ คุณจะเห็นความแตกต่างที่เน้นไว้ในโปรแกรมแก้ไขของคุณ ด้วยวิธีนี้ คุณสามารถบอกได้อย่างรวดเร็วว่ามีอะไรเปลี่ยนแปลงในโค้ดบ้าง ใช้ลูกศรในแถบเครื่องมือเพื่อเลื่อนดูการเปลี่ยนแปลง ณ จุดนี้ คุณสามารถวิเคราะห์การเปลี่ยนแปลง ดีบัก และกำหนดว่าการเปลี่ยนแปลงใดที่คุณต้องการเก็บไว้หรือละทิ้ง
การรวมการเปลี่ยนแปลง
หากคุณมีการเปลี่ยนแปลงในไฟล์หนึ่งและต้องการรวมเข้ากับอีกไฟล์หนึ่ง มีวิธีง่ายๆ ในการดำเนินการ สิ่งที่คุณต้องทำคือค้นหาไอคอนผสานบนแถบเครื่องมือของคุณแล้วคลิกเพื่อรวมทั้งสองไฟล์เข้าด้วยกัน
คำอธิบายโปรแกรมดูต่าง
สิ่งที่ซ่อนอยู่ภายใน Visual Studio Code คือโปรแกรมดูความแตกต่างอันทรงพลังที่ช่วยให้ผู้ใช้เปรียบเทียบไฟล์เดียวกันสองเวอร์ชันหรือสองไฟล์ที่ต่างกันโดยสิ้นเชิง เครื่องมือนี้ไม่ได้เป็นเพียงการดูบางสิ่งเคียงข้างกัน แต่ยังทำให้ง่ายต่อการบอกสิ่งที่เปลี่ยนแปลงไปในพริบตาด้วยไฮไลท์ที่สะดวกสบาย
เมื่อบางสิ่งถูกลบออกจากไฟล์ มันจะกลายเป็นพื้นหลังสีแดงสดทางด้านซ้ายและรูปแบบมุมทางด้านขวา หากมีการเพิ่มเติมในไฟล์ที่สอง (ไม่ว่าคุณจะเลือกไฟล์ที่ใหม่กว่าหรือเก่ากว่าเป็นไฟล์ที่สอง) ให้มองหารูปแบบมุมทางด้านซ้ายและพื้นหลังสีเขียวตัวหนาทางด้านขวา เมื่อแก้ไขเพียงบางส่วนของบรรทัด เส้นเหล่านั้นจะมีพื้นหลังสีแดงและเขียวอ่อน ดังนั้นคุณจึงไม่พลาดที่จะเห็นว่าการเปลี่ยนแปลงเกิดขึ้นที่ใด ด้วยวิธีนี้ คุณสามารถมองเห็นความแตกต่างได้อย่างรวดเร็ว และตัดสินใจว่าคุณต้องการการเปลี่ยนแปลงใด
ความแตกต่างระหว่างการรับรู้ภาษาโปรแกรม
โปรแกรมดูต่างของ Visual Studio Code ใช้วิธีการทีละบรรทัดอย่างมีประสิทธิภาพเพื่อเปรียบเทียบไฟล์และเน้นอักขระที่เปลี่ยนแปลง นี่เป็นวิธีที่พยายามแล้วจริงที่คุณอาจคุ้นเคยหากคุณเคยใช้เครื่องมืออย่าง Notepad++ และปลั๊กอินเปรียบเทียบ อย่างไรก็ตาม ภาษาโปรแกรมที่อนุญาตให้ใส่เครื่องหมายอัฒภาคหรือตัวแบ่งบรรทัดอาจเป็นปัญหาได้สำหรับระบบนี้ เนื่องจากส่วนต่างค่อนข้างมีเสียงรบกวน โดยมีการแก้ไขเล็กน้อยที่ทำให้หน้าจอเลอะเทอะ
วิธีเปลี่ยนพื้นหลังใน gimp
เพื่อต่อสู้กับปัญหานี้ มีส่วนขยายที่เรียกว่า SemanticDiff ซึ่งไม่เพียงแต่เปรียบเทียบข้อความและแยกวิเคราะห์โค้ดของไฟล์ เพื่อประเมินการแสดงคอมไพเลอร์ ด้วยวิธีนี้ คุณจะมองเห็นการเปลี่ยนแปลงเล็กๆ น้อยๆ ที่ไม่ส่งผลต่อโปรแกรม และระบุโค้ดที่ถูกย้ายได้โดยตรง ขณะเดียวกันก็ให้มุมมองที่ชัดเจนยิ่งขึ้นเกี่ยวกับสิ่งที่สำคัญในส่วนต่าง มันเหมือนกับการมีบรรณาธิการที่มีความสามารถและเข้าใจความซับซ้อนของภาษาการเขียนโค้ด มันกรองส่วนที่ไม่สำคัญออกไป และทำการปรับเปลี่ยนที่สร้างความแตกต่างอย่างแท้จริงเมื่อคอมไพล์โค้ดแล้ว
หากคุณต้องการรับข้อมูลเชิงลึกเพิ่มเติมเกี่ยวกับการเปลี่ยนแปลงโค้ด ให้ติดตั้ง SemanticDiff จาก VS Code Marketplace และเปลี่ยนไปใช้โหมด smart diff เพื่อดูความแตกต่างในโค้ดของคุณด้วยความแม่นยำที่มากขึ้น
ค้นหาและแทนที่
นอกจากการเปรียบเทียบแล้ว การค้นหาข้อความเฉพาะภายในไฟล์หรือหลายไฟล์ก็เป็นอีกงานหนึ่งที่คุณน่าจะทำบ่อยๆ ฟังก์ชันการค้นหาและแทนที่ของ VS Code นั้นแข็งแกร่งด้วยตัวเลือกขั้นสูงหลายประการ:
- กด Ctrl+F เพื่อเปิดวิดเจ็ตการค้นหาในตัวแก้ไขเพื่อค้นหาภายในไฟล์ปัจจุบัน คุณสามารถเลื่อนดูผลลัพธ์และแม้แต่ค้นหาสตริงการค้นหาจากส่วนที่เลือก
- ดำเนินการค้นหากับข้อความที่เลือกโดยคลิกไอคอนสามบรรทัด (แฮมเบอร์เกอร์) บนวิดเจ็ตค้นหาหรือตั้งค่า “editor.find.autoFindInSelection” เป็น “always” หรือ “multiline”
- คุณสามารถแยกวิเคราะห์ข้อความลงในช่องป้อนข้อมูลการค้นหาเพื่อค้นหาข้อความหลายบรรทัด คุณยังสามารถปรับขนาดวิดเจ็ตการค้นหาได้
- กด Ctrl+Shift+F เพื่อค้นหาไฟล์ทั้งหมดในโฟลเดอร์ที่คุณเปิดอยู่ คุณสามารถใช้ตัวเลือกการค้นหาขั้นสูงและไวยากรณ์รูปแบบ glob
- ตัวพิมพ์ที่ตรงกัน การจับคู่ทั้งคำ นิพจน์ทั่วไป และการรักษาตัวพิมพ์เล็กคือตัวเลือกขั้นสูงบางส่วนสำหรับการค้นหาและการแทนที่
ค้นหาข้ามไฟล์
หากคุณกำลังมองหาบางสิ่งโดยเฉพาะในหลายไฟล์ภายในโปรเจ็กต์ VS Code ช่วยคุณได้ คุณสามารถค้นหาไฟล์ทั้งหมดในโฟลเดอร์ปัจจุบันได้อย่างรวดเร็วด้วย Ctrl+Shift+F ผลลัพธ์จะถูกแบ่งออกเป็นไฟล์ที่มีการสืบค้น คุณยังสามารถสร้างสรรค์และใช้การค้นหาด้วยนิพจน์ทั่วไปเพื่อให้ได้ผลลัพธ์ที่เจาะจงมากขึ้น
การรวมการเปรียบเทียบไฟล์เข้ากับคุณสมบัติอื่น ๆ
พลังของเครื่องมือ diff ภายใน VS Code เป็นมากกว่าการเปรียบเทียบไฟล์ มันเปิดโอกาสความเป็นไปได้ในการเขียนโค้ดแบบรวมมากมาย ด้วยการรวมคุณสมบัติต่างๆ เช่น บันทึกอัตโนมัติ Hot Exit และการค้นหาขั้นสูง คุณสามารถทำงานได้อย่างราบรื่นในโปรเจ็กต์เดียว ในขณะที่เปรียบเทียบเวอร์ชันไฟล์ต่างๆ และค้นหาฟังก์ชันเฉพาะจากหลายไฟล์
นอกจากนี้ คุณยังสามารถแก้ไขไฟล์การกำหนดค่าได้อย่างมั่นใจว่าการเปลี่ยนแปลงของคุณจะยังคงอยู่ คุณจะไม่ต้องกังวลกับการเปลี่ยนแปลงที่ยังไม่ได้บันทึกหากปิดแอปพลิเคชัน Hot Exit จดจำได้ทั้งหมด คุณสมบัติทั้งหมดนี้รวมกันทำให้คุณสามารถควบคุมเวอร์ชันและการเปลี่ยนแปลงของไฟล์ทั้งหมดได้อย่างสมบูรณ์
เปรียบเทียบด้วยความใส่ใจ
งานเขียนโค้ดบางงานอาจดูยุ่งยากและน่าเบื่อกว่างานอื่นๆ และการเปรียบเทียบสองไฟล์ก็เป็นหนึ่งในงานนั้น แต่เครื่องมือและวิธีการที่แตกต่างของ VS Code ในการเปรียบเทียบประเภทข้อมูลที่แตกต่างกันทำให้ง่ายและน่าพึงพอใจยิ่งขึ้น ไฮไลท์ที่มองเห็นได้ง่ายจะแนะนำคุณตลอดการเปลี่ยนแปลงทั้งหมดระหว่างสองไฟล์ และให้คุณทดลองใช้โค้ดเวอร์ชันต่างๆ ซึ่งทั้งหมดนี้ยอดเยี่ยมสำหรับการดีบัก การวิเคราะห์ และการควบคุมเวอร์ชัน
โปรเจ็กต์ของคุณจำเป็นต้องมีการควบคุมเวอร์ชันที่เข้มงวดและการเปรียบเทียบไฟล์บ่อยครั้งหรือไม่? คุณมีคำแนะนำหรือเคล็ดลับเกี่ยวกับวิธีการเปรียบเทียบโค้ดหรือไม่? แบ่งปันความคิดและข้อมูลเชิงลึกของคุณในความคิดเห็นด้านล่าง
วิธีค้นหาอีเมลที่ยังไม่ได้อ่านใน gmail หลัก
