Visual Studio Live Share ทำได้ไหม?

เผยแพร่แล้ว: 2022-03-10
สรุปอย่างย่อ ↬ การทำงานร่วมกันในเอกสารสำนักงานเป็นปัญหาที่แก้ไขได้ การทำงานร่วมกันบนโค้ดยังคงเป็นสิ่งที่ทำได้ยาก นั่นเป็นเพราะการแบ่งปันเพียงแค่รหัสไม่เพียงพอ ในการทำงานร่วมกันได้อย่างแท้จริง นักพัฒนาซอฟต์แวร์จำเป็นต้องสามารถแชร์สภาพแวดล้อมทั้งหมดของตนได้ VS Live Share เป็นบริการใหม่ที่ให้คุณทำอย่างนั้นได้จริงๆ และคุณอาจแปลกใจกับจำนวนการแชร์ที่คุณสามารถทำได้จริงๆ

ไม่กี่เดือนที่ผ่านมา Microsoft ได้เปิดตัวบริการ Visual Studio (VS) Live Share ฟรี VS Live Share คือการทำงานร่วมกันระดับ Google Docs สำหรับโค้ด นักพัฒนาหลายคนสามารถทำงานร่วมกันในไฟล์เดียวกันได้ในเวลาเดียวกันโดยไม่ต้องออกจากโปรแกรมแก้ไขของตนเอง

หลังจากการเปิดตัว Live Share ฉันรู้ว่าพวกเราหลายคนลาออกจากการเป็นโสดในโค้ดของเรา และเราไม่รู้ด้วยซ้ำว่ามีวิธีที่ดีกว่าในการทำงานกับบริการอย่าง VS Live Share ส่วนหนึ่งเป็นเพราะเราติดอยู่กับนิสัยเดิมๆ และส่วนหนึ่งเป็นเพราะเราไม่รู้ว่า VS Live Share ทั้งหมดทำอะไรได้บ้าง ส่วนสุดท้ายที่ฉันสามารถช่วยได้!

ในบทความนี้ เราจะพูดถึงคุณสมบัติและแนวทางปฏิบัติที่ดีที่สุดสำหรับ VS Live Share ที่ทำให้การทำงานร่วมกันของนักพัฒนาเป็นเรื่องง่ายเหมือนกับการเป็น “ฮิปโปนิรนาม”

รายชื่อสัตว์นิรนามใน Google เอกสาร
Google Docs มีวิธีที่น่าสนใจในการจัดการผู้เข้าร่วมที่ไม่ระบุชื่อ (ตัวอย่างขนาดใหญ่)

แบ่งปันรหัสของคุณ

Live Share เป็นส่วนขยายสำหรับทั้ง Visual Studio และ Visual Studio Code (VS Code) ในบทความนี้ เราจะมาพูดถึง VS Code

vs รหัสหน้านามสกุลการแชร์สด
(ตัวอย่างขนาดใหญ่)

คุณยังสามารถติดตั้งผ่าน VS Live Share Extension Pack ซึ่งรวมถึงส่วนขยายต่อไปนี้ ซึ่งเราจะกล่าวถึงในบทความนี้...

  • VS แชร์สด
  • VS Live แบ่งปันเสียง
  • ส่วนขยาย Slack Chat
เพิ่มเติมหลังกระโดด! อ่านต่อด้านล่าง↓

เมื่อติดตั้งส่วนขยายแล้ว คุณจะต้องลงชื่อเข้าใช้บริการ VS Live Share คุณสามารถทำได้โดยเปิด Command Palette Ctrl/Cmd + Shift + P แล้วเลือก “ลงชื่อเข้าใช้ด้วยเบราว์เซอร์” หากคุณไม่ได้เข้าสู่ระบบและพยายามเริ่มต้นเซสชันการแบ่งปันใหม่ คุณจะได้รับแจ้งให้เข้าสู่ระบบในขณะนั้น

vs code command palette แสดงตัวเลือกในการลงชื่อเข้าใช้ด้วยเบราว์เซอร์
ใช้ VS Code Command Palette เพื่อเริ่มเซสชัน Live Share ใหม่ (ตัวอย่างขนาดใหญ่)

มีหลายวิธีในการเริ่มเซสชัน VS Live Share คุณสามารถทำได้จาก Command Palette คุณสามารถคลิกปุ่ม "แชร์" ในแถบเครื่องมือด้านล่างหรือคุณสามารถใช้มุมมอง VS Live Share explorer ในแถบด้านข้าง

vs โค้ดที่มีกล่องล้อมรอบส่วนต่างๆ ของ UI ที่สามารถใช้เริ่มเซสชันการแชร์สดได้
มีวิธีมากมายในการเริ่มเซสชัน VS Live Share ใหม่ (ตัวอย่างขนาดใหญ่)

ลิงก์ถูกคัดลอกไปยังคลิปบอร์ดของคุณ จากนั้น คุณสามารถส่งลิงก์นั้นให้ผู้อื่น และพวกเขาสามารถเข้าร่วมเซสชัน Live Share ของคุณได้ โดยที่พวกเขาใช้ VS Code ด้วยเช่นกัน ซึ่งไม่ใช่เราทุกคน?

ตอนนี้คุณสามารถทำงานร่วมกันได้เหมือนกับที่คุณทำงานในเอกสาร Word แบบเก่าทั่วไป:

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

VS Live Share Explorer

ตัวสำรวจ VS Live Share จะแสดงเป็นไอคอนใหม่ในแถบการกระทำ — ซึ่งเป็นแถบไอคอนที่ด้านขวาสุดของหน้าจอของฉัน (ด้านซ้ายสุดของคุณสำหรับตำแหน่งแถบการกระทำเริ่มต้น) นี่คือ "ศูนย์กราวด์ซีโร่" สำหรับทุกสิ่ง VS Live Share จากที่นี่ คุณสามารถเริ่มเซสชัน ยุติเซสชัน แชร์เทอร์มินัล เซิร์ฟเวอร์ และดูว่าใครเชื่อมต่ออยู่

เทียบกับมุมมองการแชร์สด
VS Live Share Explorer เป็นมุมมองล่วงหน้าของทุกสิ่ง Live Share (ตัวอย่างขนาดใหญ่)

เป็นความคิดที่ดีที่จะผูกแป้นพิมพ์ลัดกับมุมมอง VS Live Share Explorer เพื่อให้คุณสามารถสลับระหว่างสิ่งนั้นกับไฟล์ของคุณได้อย่างรวดเร็ว คุณสามารถทำได้โดยกด Ctrl/Cmd + K (หรือ Ctrl/Cmd + S ) จากนั้นค้นหา "Show Live Share" ฉันผูกของฉันกับ Ctrl/Cmd + L ซึ่งดูเหมือนจะไม่ผูกกับสิ่งอื่นใด ฉันพบว่าทางลัดนี้ใช้งานง่าย ( L สำหรับ Live Share) และง่ายต่อการกดบนแป้นพิมพ์

หน้าจอการผูกแป้นพิมพ์ในโค้ด vs พร้อมการเชื่อมโยงที่สร้างขึ้นสำหรับมุมมองการแชร์ vs สด
คุณสามารถสร้างการเชื่อมโยงสำหรับมุมมอง VS Live Share Explorer (ตัวอย่างขนาดใหญ่)

แบ่งปันรหัสอ่านอย่างเดียว

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

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

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

นอกจากนี้ยังเป็นประโยชน์อย่างยิ่งสำหรับผู้สอนอีกด้วย โปรดทราบว่าในขณะที่เขียนบทความนี้ VS Live Share ถูกล็อกไว้สำหรับผู้ใช้ 5 คนพร้อมกัน เนื่องจากคุณอาจต้องการมากกว่านั้นในโหมดอ่านอย่างเดียว โดยเฉพาะอย่างยิ่งหากคุณกำลังสอนกลุ่ม คุณสามารถเพิ่มขีดจำกัดได้ถึง 30 โดยเพิ่มบรรทัดต่อไปนี้ในไฟล์การตั้งค่าผู้ใช้ของคุณ: Ctrl/Cmd + , .

 "liveshare.features": "experimental"

เปลี่ยนพฤติกรรมการเข้าร่วมเริ่มต้น

ทุกคนที่มีลิงก์สามารถเข้าร่วมเซสชัน Live Share ของคุณได้ เมื่อพวกเขาเข้าร่วม คุณจะเห็นป๊อปอัปแจ้งให้คุณทราบ เช่นเดียวกัน เมื่อยกเลิกการเชื่อมต่อ คุณจะได้รับการแจ้งเตือน นี่เป็นพฤติกรรมเริ่มต้นสำหรับ VS Live Share

vs. รหัสแจ้งเตือนพร้อมชื่อบุคคลที่เข้าร่วมช่วงแชร์สด
VS Code จะแจ้งเตือนคุณทุกครั้งที่มีคนเข้าร่วมเซสชันของคุณ (ตัวอย่างขนาดใหญ่)

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

หากต้องการเปิดใช้งาน ให้เพิ่มบรรทัดต่อไปนี้ในไฟล์การตั้งค่าผู้ใช้ Ctrl/Cmd + , .

 "liveshare.guestApprovalRequired": true

ตอนนี้คุณจะได้รับแจ้งเมื่อมีคนต้องการเข้าร่วม หากคุณบล็อกใครบางคน พวกเขาจะถูกบล็อกในช่วงเวลาของเซสชัน หากพวกเขาพยายามเข้าร่วมอีกครั้ง คุณจะไม่ได้รับการแจ้งเตือนและพวกเขาจะถูกปฏิเสธอย่างไม่สมควรโดย VS Live Share

ไปและเพลิดเพลินกับอาหารกลางวันของคุณ คอมพิวเตอร์ของคุณปลอดภัย

โฟกัสผู้ติดตาม

ตามค่าเริ่มต้น ทุกคนที่เข้าร่วมเซสชัน Live Share ของคุณจะ “ติดตาม” คุณ นั่นหมายความว่าโปรแกรมแก้ไขจะโหลดไฟล์ใดก็ตามที่คุณอยู่และเลื่อนทุกครั้งที่คุณเลื่อน แม้ว่าคุณจะสลับไฟล์ ผู้เข้าร่วมจะเห็นสิ่งที่คุณเห็นอย่างแน่นอน

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

นอกจากจะบอกกันว่าคุณอยู่ที่ไหน (ซึ่งใช้ได้ผล btw) มีคำสั่งที่มีประโยชน์ที่เรียกว่า “ผู้เข้าร่วมโฟกัส” ที่อยู่ใน Command Palette Ctrl/Cmd + Shift + P

vs code command palette แสดงคำสั่ง live share focus
เข้าถึงคำสั่ง "โฟกัส" จาก VS Code Command Palette (ตัวอย่างขนาดใหญ่)

คุณยังสามารถเข้าถึงได้เป็นไอคอนในมุมมอง VS Live Share Explorer

vs code live ไอคอนการแชร์ของ explorer โฟกัส
ส่งคำขอติดตามโดยคลิกที่ไอคอนติดตามในมุมมอง VS Live Share Explorer (ตัวอย่างขนาดใหญ่)

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

 "liveshare.focusBehavior": "prompt" 

โปรดทราบว่าคุณสามารถติดตามผู้เข้าร่วมได้ หากคุณคลิกที่ชื่อของพวกเขาในมุมมอง VS Live Share Explorer คุณจะเริ่มติดตามพวกเขา

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

แนวทางปฏิบัติที่ดีคือต้องจำไว้ว่าการโฟกัสนั้นเปลี่ยนแปลงตลอดเวลา ดังนั้นผู้คนอาจมองเห็นหรือมองไม่เห็นสิ่งที่คุณเห็นในเวลาใดก็ตาม

แก้ปัญหาในฐานะทีม

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

พวกเขาสามารถก้าวเข้า ออก เหนือ เพิ่มนาฬิกา ประเมินผลใน Debug Console; การดีบักใดๆ ที่คุณทำได้ พวกเขาก็ทำได้เช่นกัน และควบคุมได้

ผู้เข้าร่วมสามารถเปิดการดีบักได้ โดยค่าเริ่มต้น VS Code จะไม่อนุญาตให้ดีบักเกอร์ของคุณเริ่มทำงานจากระยะไกล หากต้องการเปิดใช้งาน ให้เพิ่มบรรทัดต่อไปนี้ในไฟล์การตั้งค่าผู้ใช้ Ctrl/Cmd + , :

 "liveshare.allowGuestDebugControl": true

แบ่งปันเทอร์มินัลของคุณ

งานหลายอย่างที่เราทำในฐานะนักพัฒนาไม่ได้อยู่ในโค้ดของเรา มันอยู่ในเทอร์มินัล บางวันดูเหมือนว่าฉันจะใช้เวลากับเทอร์มินัลของฉันมากพอๆ กับที่ใช้เวลากับบรรณาธิการ ซึ่งหมายความว่าหากคุณมีข้อผิดพลาดในเทอร์มินัลของคุณหรือจำเป็นต้องพิมพ์คำสั่ง คงจะดีถ้าผู้เข้าร่วมใน VS Live Share สามารถเห็นเทอร์มินัลของคุณนอกเหนือจากโค้ดของคุณ

VS Code มีเทอร์มินัลในตัว และคุณสามารถแชร์กับ VS Live Share ได้

vs code command จานสีที่เลือกแชร์เทอร์มินัล
เข้าถึงคำสั่ง "Share Terminal" จาก VS Code Command Palette (ตัวอย่างขนาดใหญ่)

เมื่อคุณทำเช่นนี้ คุณจะมีโอกาสแบ่งปันเทอร์มินัลของคุณเป็นแบบอ่านอย่างเดียว หรือแบบอ่าน-เขียน

vs โค้ดแจ้งให้แชร์เทอร์มินัลเป็นแบบอ่านอย่างเดียวหรืออ่าน-เขียน
แชร์เทอร์มินัลของคุณแบบอ่านอย่างเดียวเสมอ เว้นแต่ว่าคุณจะต้องแชร์กับการเข้าถึงการเขียนจริงๆ (ตัวอย่างขนาดใหญ่)

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

มันไปโดยไม่บอกว่าการเข้าถึงการเขียนระยะไกลไปยังเทอร์มินัลของใครบางคนนั้นมาพร้อมกับความไว้วางใจและความรับผิดชอบมากมาย คุณควรแชร์เทอร์มินัลของคุณแบบอ่าน-เขียนเฉพาะกับคนที่คุณไว้วางใจโดยปริยายเท่านั้น แฟนเก่าที่เหินห่างอาจจะอยู่นอกโต๊ะ

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

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

แบ่งปันโฮสต์ท้องถิ่นของคุณ

ในวิดีโอด้านบน คำสั่งเทอร์มินัลลงท้ายด้วยลิงก์ไปยังไซต์ที่ทำงานบน https://localhost:8080 ด้วย VS Live Share คุณสามารถแชร์ localhost นั้นเพื่อให้บุคคลอื่นสามารถเข้าถึงได้เหมือนกับที่เป็น localhost ของพวกเขาเอง

หากคุณกำลังใช้งานเซสชันดีบักที่ใช้ร่วมกัน เมื่อผู้เข้าร่วมพบ URL โฮสต์ในเครื่องที่ส่วนท้าย เซสชันนั้นจะหยุดทำงานสำหรับคุณทั้งคู่หากมีการชนถึงจุดสั่งหยุด ยิ่งไปกว่านั้น คุณสามารถแชร์กระบวนการ TCP ใดๆ ก็ได้ นั่นหมายความว่าคุณสามารถแชร์บางอย่าง เช่น ฐานข้อมูลหรือแคช Redis ตัวอย่างเช่น คุณสามารถแบ่งปันเซิร์ฟเวอร์ Mongo DB ในพื้นที่ของคุณ อย่างจริงจัง! ซึ่งหมายความว่าไม่มีการเปลี่ยนแปลงไฟล์กำหนดค่าหรือพยายามเพิ่มฐานข้อมูลที่ใช้ร่วมกันอีกต่อไป เพียงแชร์พอร์ตสำหรับอินสแตนซ์ Mongo DB ในพื้นที่ของคุณ

แบ่งปันไฟล์ที่ถูกต้อง อย่างถูกวิธี

บางครั้งคุณไม่ต้องการให้ผู้ทำงานร่วมกันเห็นไฟล์บางไฟล์ อาจมีคีย์ส่วนตัวและรหัสผ่านในโครงการของคุณที่ไม่ได้ตรวจสอบในการควบคุมแหล่งที่มาและไม่เหมาะสำหรับการดูแบบสาธารณะ ในกรณีนี้ คุณต้องการซ่อนไฟล์เหล่านั้นไม่ให้ใครก็ตามที่เข้าร่วมในเซสชั่น Live Share ของคุณ

ตามค่าเริ่มต้น VS Live Share จะซ่อนไฟล์ใดๆ ที่ระบุไว้ใน .gitignore ของคุณ หากมีไฟล์ที่คุณต้องการซ่อน เพียงเพิ่มลงใน .gitignore ของคุณ โปรดทราบว่าการดำเนินการนี้จะซ่อนไฟล์ในมุมมองโครงการเท่านั้น หากคุณอยู่ในเซสชันการดีบักที่ใช้ร่วมกัน และคุณก้าวเข้าสู่ไฟล์ที่อยู่ใน .gitignore ไฟล์จะยังคงโหลดอยู่ในตัวแก้ไขและผู้ทำงานร่วมกันของคุณจะสามารถเห็นได้

คุณสามารถควบคุมวิธีการแชร์ไฟล์ที่ละเอียดยิ่งขึ้นได้ด้วยการสร้างไฟล์ . .vsls.json

ตัวอย่างเช่น หากคุณต้องการให้แน่ใจว่าไฟล์ใดๆ ที่อยู่ใน .gitignore จะไม่ปรากฏให้เห็น แม้ในระหว่างการดีบั๊ก คุณสามารถตั้งค่าคุณสมบัติ gitignore ให้ exclude

 { "$schema": "https://json.schemastore.org/vsls", "gitignore":"exclude" }

ในทำนองเดียวกัน คุณสามารถแสดงทุกอย่างใน .gitignore และควบคุมการมองเห็นไฟล์ได้โดยตรงจากไฟล์ . .vsls.json ในการทำเช่นนั้น ให้ตั้งค่า gitignore เป็น none จากนั้นใช้คุณสมบัติ excludeFiles และ hideFiles อย่าลืมว่าการยกเว้นหมายถึงไม่ปรากฏ และซ่อนหมายถึง "ไม่ปรากฏในตัวสำรวจไฟล์"

 { "$schema": "https://json.schemastore.org/vsls", "gitignore":"none", "excludeFiles":[ "*.env" ], "hideFiles": [ "dist" ] }

การแบ่งปันและส่วนขยาย

ส่วนหนึ่งของความน่าสนใจของ VS Code สำหรับนักพัฒนาจำนวนมากคือตลาดส่วนขยายขนาดใหญ่ คนส่วนใหญ่จะมีการติดตั้งมากกว่าสองสาม สิ่งสำคัญคือต้องเข้าใจว่าส่วนขยายจะทำงานหรือไม่ทำงานอย่างไรในบริบทของ VS Live Share

VS Live Share จะซิงโครไนซ์ทุกอย่างที่เกี่ยวข้องกับบริบทของโปรเจ็กต์ที่คุณกำลังแชร์ ตัวอย่างเช่น หากคุณติดตั้งส่วนขยาย Vetur เนื่องจากคุณกำลังทำงานกับโปรเจ็กต์ Vue ส่วนขยายนั้นจะถูกแชร์ไปยังผู้เข้าร่วมทุกคน ไม่ว่าพวกเขาจะได้ติดตั้งไว้หรือไม่ก็ตาม เช่นเดียวกับสิ่งอื่นๆ ที่เจาะจงบริบท เช่น linters, formatters, debuggers และบริการภาษา

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

สื่อสารในขณะที่คุณทำงานร่วมกัน

สิ่งแรกที่ผู้คนทำในประสบการณ์ VS Live Share ครั้งแรกคือการพยายามสื่อสารโดยพิมพ์ความคิดเห็นเกี่ยวกับโค้ด ดูเหมือนว่าจะเป็นการเขียน (เข้าใจไหม) สิ่งที่ต้องทำ แต่ไม่ใช่ว่า VS Live Share ได้รับการออกแบบมาอย่างไร

VS Live Share ไม่ได้มีไว้เพื่อแทนที่โปรแกรมแชทที่คุณเลือก คุณน่าจะมีกลไกการแชทที่ต้องการอยู่แล้ว และ VS Live Share ถือว่าคุณจะยังใช้กลไกนั้นต่อไป

หากคุณใช้ Slack อยู่แล้ว จะมีส่วนขยาย VS Code ที่เรียกว่า Slack Chat ส่วนขยายนี้ยังค่อนข้างเร็วในการพัฒนา แต่ก็ดูมีแนวโน้มค่อนข้างดี มันทำให้รหัส VS ในโหมดแยกและฝัง Slack ทางด้านขวามือ ยิ่งไปกว่านั้น คุณสามารถเริ่มเซสชัน Live Share ได้โดยตรงจากการแชทของ Slack

เทียบกับส่วนขยายการแชทโค้ดหย่อน
ส่วนขยาย Slack Chat ทำให้ Slack อยู่ในตัวแก้ไขของคุณ (ตัวอย่างขนาดใหญ่)

เครื่องมืออื่นที่ดูน่าสนใจทีเดียวเรียกว่า CodeStream

CodeStream

ในขณะที่ VS Live Share ดูเหมือนจะปรับปรุงการทำงานร่วมกันจากตัวแก้ไข CodeStream ตั้งเป้าที่จะแก้ปัญหาเดียวกันนั้นจากมุมมองของการแชท

ส่วนขยาย CodeStream ช่วยให้คุณสามารถแชทได้โดยตรงภายใน VS Code และการแชทเหล่านั้นจะกลายเป็นส่วนหนึ่งของประวัติโค้ดของคุณ คุณสามารถไฮไลต์โค้ดบางส่วนเพื่อพูดคุยและโค้ดจะเข้าสู่แชทโดยตรง เพื่อให้มีบริบทสำหรับความคิดเห็นของคุณ ความคิดเห็นเหล่านี้จะถูกบันทึกเป็นส่วนหนึ่งของ Git repo ของคุณ นอกจากนี้ยังแสดงในโค้ดของคุณเป็นไอคอนความคิดเห็นเล็กๆ และความคิดเห็นเหล่านี้จะแสดงขึ้นไม่ว่าคุณจะอยู่ที่สาขาใด

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

หากการพูดคุยไม่เพียงพอที่จะทำงานให้เสร็จ และคุณจำเป็นต้องทำงานร่วมกันเหมือนปี 2542 ความช่วยเหลือก็เพียงแค่โทรติดต่อ

VS Live แบ่งปันเสียง

แม้ว่า VS Live Share จะไม่พยายามสร้างแชทใหม่ แต่เป็นการประดิษฐ์โทรศัพท์ของคุณขึ้นมาใหม่ ชนิดของ.

ด้วยส่วนขยาย VS Live Share Audio คุณสามารถโทรหาใครบางคนได้โดยตรงและทำการแชทด้วยเสียงจากภายใน VS Code

vs code command palette แสดงตัวเลือกการโทรด้วยเสียง
โทรด้วยเสียงจาก VS Code โดยใช้ส่วนขยาย VS Live Share Audio (ตัวอย่างขนาดใหญ่)

บุคคลอื่นจะได้รับข้อความแจ้งให้เข้าร่วมการโทรของคุณ

vs การแจ้งเตือนรหัสถามว่าคุณต้องการเข้าร่วมการโทรด้วยเสียงหรือไม่
VS Code จะถามคุณว่าคุณต้องการเข้าร่วมการโทรด้วยเสียงที่อยู่ระหว่างดำเนินการหรือไม่ (ตัวอย่างขนาดใหญ่)

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

vs ตัวเลือกรหัสที่แสดงตัวเลือกเช่นปิดเสียงและตัดการเชื่อมต่อสำหรับส่วนขยายเสียงแชร์สด
คุณสามารถควบคุมการตั้งค่าเสียงได้อย่างเต็มที่เมื่ออยู่ในการโทร VS Live Share Audio (ตัวอย่างขนาดใหญ่)

เคล็ดลับสุดท้ายที่ฉันจะบอกคุณน่าจะเป็นสิ่งสำคัญที่สุด และไม่ใช่คุณลักษณะแฟนซีหรือการตั้งค่าที่คลุมเครือซึ่งคุณไม่รู้ว่ามีอยู่จริง

เปลี่ยนหน่วยความจำของกล้ามเนื้อ

เรามีพฤติกรรมที่เรียนรู้มาหลายปีเมื่อต้องการความช่วยเหลือหรือแชร์โค้ดของเรา สถานะของเครื่องมือการทำงานร่วมกันของนักพัฒนาซอฟต์แวร์นั้นแย่มากเป็นเวลานานจนเราต้องวางโค้ดลงใน Slack เริ่มการโทร Skype ที่น่าอึดอัดใจซึ่งส่วนใหญ่ประกอบด้วย "บอกฉันเมื่อคุณสามารถเห็นหน้าจอของฉัน" หรือฝูงชนรอบจอภาพและชี้ มากเกินไป เช่น สไตล์ภาพสต็อก

กลุ่มคนที่ชี้ไปที่หน้าจอคอมพิวเตอร์
(ตัวอย่างขนาดใหญ่)

สิ่งที่สำคัญที่สุดที่คุณสามารถทำได้เพื่อให้ได้ประโยชน์สูงสุดจาก VS Live Share คือการใช้ VS Live Share จริงๆ และจะต้องใช้ความพยายามอย่าง "มีสติ"

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

ฉันได้เขียนเกี่ยวกับ VS Code มามากแล้ว และผู้คนจะถามฉันเป็นระยะๆ ว่าพวกเขาจะใช้ตัวแก้ไขให้เกิดประสิทธิผลมากขึ้นได้อย่างไร ฉันพูดแบบเดิมเสมอ: ครั้งต่อไปที่คุณเอื้อมมือให้เมาส์ทำอะไร ให้หยุด คุณสามารถทำสิ่งนั้นด้วยแป้นพิมพ์แทนได้ไหม คุณน่าจะทำได้ ค้นหาทางลัดแล้วทำให้ตัวเองใช้งานได้ ในตอนแรกมันจะช้าลง แต่ถ้าคุณเต็มใจที่จะปรับใช้พฤติกรรมที่แตกต่างออกไป คุณจะประหลาดใจว่าสมองของคุณจะเริ่มต้นทำอะไรที่มีประสิทธิผลมากกว่า

เช่นเดียวกับการแชร์สด คุณจะอยู่ในสายเพื่อแชร์หน้าจอของคุณ เมื่อเกิดขึ้นกับคุณว่าคุณสามารถใช้ Live Share ในขณะนั้น หยุด; คลิกปุ่ม "แชร์" ที่ด้านล่างของ VS Code

ใช่ บุคคลที่อยู่อีกด้านหนึ่งอาจไม่ได้ติดตั้งส่วนขยายไว้ ใช่ อาจใช้เวลาสักครู่ในการตั้งค่า แต่ถ้าคุณพยายามสร้างพฤติกรรมนี้ตอนนี้ ครั้งต่อไปที่คุณทำเช่นนี้ มันจะ “ได้ผล” และอีกไม่นานคุณก็จะไม่ต้องคิดเกี่ยวกับมัน และเมื่อถึงจุดนั้น คุณ ในที่สุดก็จะได้รับความร่วมมือในระดับ "ฮิปโปนิรนาม"

แหล่งข้อมูลเพิ่มเติม

  • VS Live Share Extension Pack
  • VS Code Live แชร์เอกสาร
  • ส่วนขยายและการสนับสนุนระบบนิเวศ
  • เริ่มต้นใช้งาน VS Live Share