با Visual Studio Code’s Live Share گروهی برنامه‌نویسی کنیم!
1398/04/23 11:19 , میلاد صاحب نظر

با Visual Studio Code’s Live Share گروهی برنامه‌نویسی کنیم!

چه در مراحل اولیه یادگیری یک زبان برنامه‌نویسی باشید یا یک کد نویس با تجربه و ماهر باشید، به هر حال، همکاری و کار گروهی کلید پیشرفت شما است.

مفاهیمی مانند برنامه‌نویسی جفتی یا دو نفره (pair programming) در شرکت‌های مدرن در حال مرسوم شدن هستند، اما برنامه‌نویسی گروهی در خانه چه مزیت‌ها و آپشن‌هایی دارد؟

بسیاری از تیم‌‌ها، از ابزارهایی مانند Slack و Discord برای با هم در تماس بودن و کار گروهی بهره می‌برند. Version control به افراد امکان می‌دهد تا روی یک پروژه به صورت گروهی کار کنند و آن را به یک انبار یا کتابخانه مشترک متصل یا سینک کنند.

این ابزارها فوق‌العاده هستند، اما اگر روشی برای ترکیب این مفاهیم در یک IDE وجود داشت چه؟ مایکروسافت این امکان را در ویژگی Live Share برای Visual Studio (VS) Code و Visual Studio فراهم کرده است. این مقاله بر VS Code تمرکز دارد.

VS Live Share چیست؟

VS Live Share به دو یا تعداد بیشتری از افراد امکان می‌دهد تا با استفاده از حساب‌های کاربری مایکروسافت یا GitHub به همکاری مشترک و هم‌زمان در کد نویسی بپردازند.

جلسات استاندارد VS Live Share از همکاری هم‌زمان حداکثر ۵ نفر پشتیبانی می‌کند، البته اگر تنظیمات را تغییر دهید می‌توانید این سقف را تا ۳۰ نفر هم بالا ببرید.

گرچه فقط کاربران ثبت‌نام شده می‌توانند در کد نویسی شرکت کنند، اما مهمانان نیز می‌توانند جلسات را تماشا کنند و در بحث و گفتگوی زنده شرکت داشته باشند.

بسته یا پک افزونه VS Live Share شامل ویژگی صوت است که برای کاربران امکان به اشتراک گذاری تماس و تعاملات نرم‌افزارهای Slack و Discord را فراهم می‌کند.

وجود ترمینال‌ها و سرورهای قابل اشتراک گذاری، باعث می‌شوند تا Live Share یک کلید کمک آموزشی عالی باشد.

آماده‌سازی و تنظیمات Visual Studio Code برای کار گروهی

VS Code رایگان بوده و برای ویندوز، سیستم عامل مک و لینوکس در دسترس است. اگر از قبل جزو کاربران VS Code نیستید، می‌توانید قبل از ادامه مطالعه این مقاله آن را از این لینک دانلود و نصب کنید (ترجیحاً فیلتر شکن خود را روشن کنید).

برای نصب VS Live Share، ابتدا VS Code را باز کنید و سپس در قسمت نوار ابزار یا toolbar سمت چپ، تب Extensions را باز کنید. یا در عوض می‌توانید از میانبر کیبورد Ctrl-Shift-X استفاده کنید. حالا در نوار جستجو تایپ کنید VS Live Share.

در نوار جستجو تایپ کنید VS Live Share

علاوه بر VS Live Share، مایکروسافت همچنین ابزارهای بیشتری نیز برای برقراری ارتباط از طریق نرم‌افزارهای خارجی و صوت نیز منتشر کرده است. حالا VS Live Share را همراه با VS Live Share Extension Pack نصب کنید.

وقتی نصب به پایان رسید، روی کلید reload در زیر هر کدام از افزونه‌های موجود در لیست کلیک کنید تا Visual Studio Code مجدداً بارگذاری شده و افزونه‌ها فعال شوند.

روی کلید reload در زیر هر کدام از افزونه‌های موجود در لیست کلیک کنید تا Visual Studio Code مجدداً بارگذاری شده و افزونه‌ها فعال شوند

وقتی برنامه مجدداً بارگذاری شد متوجه چند آیکن جدید در نوار ابزار خواهید شد، یک علامت hash که نشان دهنده پنل مخصوص Slack و Discord است و یک علامت فلش (arrow) برای پنل Live Share.

آماده‌سازی و تنظیم یک جلسه اشتراک‌گذاری در VS Code

آماده‌سازی و تنظیم یک جلسه اشتراک‌گذاری در VS Code

آماده‌سازی و تنظیم یک جلسه اشتراک‌گذاری بسیار ساده است.  ابتدا تب VS Live Share در نوار ابزار سمت چپ را باز کنید. در پنجره Session Deteils سه آپشن برای اشتراک‌گذاری کد نویسی به شما داده می‌شود:

  • Join collaboration session: از این گزینه برای اتصال به جلسه شخص دیگری که به شما یک URL داده است استفاده کنید.

  • Start collaboration session: از این گزینه برای ایجاد جلسه همکاری خودتان استفاده کنید. مسلماً در این آپشن، کاربران دیگر نیز می‌توانند به جلسه شما بپیوندند و کد را ویرایش کنند.

  • Start read-only collaboration session: از این آپشن برای ایجاد یک جلسه همکاری استفاده کنید که در آن کاربران می‌توانند کد را ببینند، اما نمی‌توانند آن را ویرایش کنند.

وقتی روی هر کدام از این آپشن‌ها کلیک کنید، از شما خواسته می‌شود تا به حساب کاربری مایکروسافت یا GitHub خود وارد شوید و در نتیجه سیستم شما را به سمت یک آدرس در مرورگر هدایت می‌کند.

برای آماده‌سازی و تنظیم یک جلسه ساده، گزینه Start collaboration session را انتخاب کنید و سپس وقتی از شما حساب کاربری خواسته شد، یک حساب فعال را انتخاب کنید.

وارد حساب کاربری شوید تا دوباره سیستم شما را به VS Code بازگرداند و همچنین وقتی هشدار firewall داده شد به برنامه اجازه کار دهید.

البته این کار ضروری نیست، اما توصیه می‌شود که برای افزایش سرعت و با ثبات بودن اتصال اینترنت این کار را حتماً انجام دهید.

همچنین وقتی هشدار firewall داده شد به برنامه اجازه کار دهید

یک پنجره اطلاعات در گوشه پایین سمت راست وجود خواهد داشت که حاوی لینک همکاری در جلسه شما و همچنین آپشن‌های دیگری برای read-only کردن جلسه و لینکی به سمت اطلاعات بیشتر راجع به فرآیند اشتراک‌گذاری می‌باشد.

یک پنجره اطلاعات در گوشه پایین سمت راست وجود خواهد داشت

لینک خود را در جایی کپی کنید تا هر موقع خواستید بتوانید آن را به یک دوست یا همکار که او نیز VS Live Share را نصب کرده است بدهید و با هم همکاری کنید!

کد نویسی گروهی ساده در VS Code

کد نویسی گروهی به هیچ وجه تجربه کد نویسی شما را تغییر نمی‌دهد. در عوض، یک لایه جدید به آن اضافه می‌کند. وقتی یک جلسه Live Share ایجاد می‌کنید، یک پنجره چت نیز باز می‌شود.

کاربران چه وارد جلسه شده باشند چه فقط قابلیت خواندن جلسه را داشته باشند، به هر حال به این پنجره چت دسترسی دارند.

کاربران چه وارد جلسه شده باشند چه فقط قابلیت خواندن جلسه را داشته باشند، به هر حال به این پنجره چت دسترسی دارند

هر زمان در حین کار گروهی، می‌توانید با استفاده از پنل Live Share مجدداً پنجره چت را باز کنید، URL اشتراک‌گذاری را به دست آورید یا به جلسه خاتمه دهید.

می‌توانید با استفاده از پنل Live Share مجدداً پنجره چت را باز کنید، URL اشتراک‌گذاری را به دست آورید یا به جلسه خاتمه دهید.

حالا، هر فایلی که می‌خواهید روی آن همکاری انجام شود را باز کنید و مثل همیشه شروع به کد نویسی کنید. شرکت کنندگان نیز هم‌زمان با شما روی همان اسکریپت کار می‌کنند، اما هر کدام از شرکت کنندگان یک کرسر موس با رنگ متفاوت خواهند داشت که نشانه خاص هر شرکت کننده است.

علاوه بر اینکه می‌توانید در آن واحد کار کردن آن‌ها روی اسکریپت را مشاهده کنید، همچنین هایلایت بودن نام نیز باعث می‌شود که اشاره به ارورها و ارائه پیشنهاد‌های تغییر کد نیز آسان‌تر شود.

لاوه بر اینکه می‌توانید در آن واحد کار کردن آن‌ها روی اسکریپت را مشاهده کنید، همچنین هایلایت بودن نام نیز باعث می‌شود که اشاره به ارورها و ارائه پیشنهاد‌های تغییر کد نیز آسان‌تر شود

همکاری روی هر فایلی در دایرکتوری پروژه می‌تواند انجام شود و شما می‌توانید ببینید که هر کسی در پنل Live Share در حال کار کردن روی چه اسکریپتی است.

همچنین می‌توانید ترمینال VS Code را روی حالت‌های read-only و read/write تنظیم کنید و برای کار کردن روی جاوا اسکریپت یا پروژه‌های تحت وب دیگر می‌توانید از یک سرور محلی یا شخصی استفاده کنید.

دنبال کردن و تمرکز کردن بر همکاران و شرکت کنندگان

گاهی لازم می‌شود تا چیزی را توضیح دهید که نیاز به رفتن به یک اسکریپت دیگر دارد. کاربران می‌توانند یکدیگر را با کلیک کردن روی نام شخص در پنل Live Share دنبال کنند. حالا، مهم نیست هر شخص به کجای پروژه می‌رود، به هر حال شما نیز همراه آن شخص خواهید بود.

The Follow option lets you see someone else work through a project.

به طور مشابه، کلیک کردن روی آیکن گوشی هوشمند کوچک در پنل جزئیات یا Details جلسه، باعث می‌شود توجه همه شرکت‌کنندگان به صحنه‌ای که شما در آن قرار دارید معطوف شود.

پنل جزئیات یا Details جلسه

این آپشن زمانی بسیار مفید خواهد بود که لازم دارید همه خیلی سریع به بخش خاصی از پروژه توجه کنند. شرکت کنندگان تمرکز کرده می‌توانند انتخاب کنند که از این لحظه به بعد شما را دنبال کنند یا خیر.

استفاده از صوت در VS Live Share

پک افزونه VS Live Share شامل یک واسط برای صوت است. شروع یک جلسه، باعث به وجود آمدن یک اتاق یا room جدید می‌شود. برای ورود به اتاق، روی کلید Join audio call که در زیر تب Audio در پنل Live Share قرار دارد کلیک کنید.

روی کلید Join audio call که در زیر تب Audio در پنل Live Share قرار دارد کلیک کنید

همه شرکت‌کنندگان و مهمانان به قابلیت تماس دسترسی دارند و این امر برای همکاری، آموزش یا ارائه کنفرانس راجع به اینکه پروژه قرار است چه مسیری را طی کند عالی است.

می‌توانید با کلیک راست کردن روی یک تماس فعال یا کلیک کردن روی چرخ‌دنده می‌توانید به بخش تنظیمات آن دسترسی یابید.

اگر روی علامت قطع اتصال قرمز رنگ کلیک کنید، از اتاق چت خارج می‌شوید. اما تا زمانی که جلسه فعال باقی بماند، دوباره می‌توانید به اتاق چت بازگردید.

تعامل Slack با VS Code

تنظیم و آماده‌سازی Slack در VS Code خیلی ساده است. روی لوگوی Slack در پنل سمت چپ کلیک کنید و Setup Slack را انتخاب کنید. این کار شما را به یک پنجره مرورگر هدایت می‌کند که در آن می‌توانید به VS Code اجازه دسترسی با فضای کار را بدهید.

روی لوگوی Slack در پنل سمت چپ کلیک کنید و Setup Slack را انتخاب کنید

برای اعطای مجوز دسترسی VS Code به اپلیکیشن Slack باید حتماً یک مدیر باشید. وقتی اتصال برقرار شد، کارگاه یا فضای کار Slack به عنوان یک تب دیگر در VS Code نمایش داده می‌شود.

وقتی اتصال برقرار شد، کارگاه یا فضای کار Slack به عنوان یک تب دیگر در VS Code نمایش داده می‌شود

تنظیمات Discord نیز دقیقاً مشابه Slack است، البته باید بدانید که فقط می‌توانید هر دفعه از یکی از این خدمات در جلسه خود استفاده کنید، نه هر دو.

امنیت و حریم خصوصی در VS Live Share

VS Live Share یک ابزار فوق‌العاده برای کد نویسان در هر سطحی است، اما در مورد آن باید ملاحظات امنیتی را رعایت کنید.

طبیعت متن باز بودن و استفاده راحت و وسیع از افزونه‌های مختلف به علاوه اینکه خیلی راحت کدتان را در اختیار دیگران قرار می‌دهید، ممکن است باعث سوء استفاده از کار شما شود.

چون حتی مهمانانی که فقط دسترسی read-only دارند هم می‌توانند در چت شرکت کنند، پتانسیل بروز رفتارهای نامناسب از افرادی که نباید به آن‌ها اجازه شرکت در جلسه داده می‌شد وجود دارد.

Live Share همچنین امکان اشتراک‌گذاری ترمینال در حالت read/write را نیز فراهم می‌کند. اگر جلسه شما به دست افراد نادرست بیفتد، این امر باعث به وجود آمدن یک خطر امنیتی بسیار خطرناک و بزرگ می‌شود.

اگر جلسه شما به دست افراد نادرست بیفتد، این امر باعث به وجود آمدن یک خطر امنیتی بسیار خطرناک و بزرگ می‌شود

به طور خلاصه، مراقب باشید که با چه کسی لینک اتصال به Live Share را به اشتراک می‌گذارید و قبل از اینکه امتیار ویرایش ترمینال را به افراد بدهید، خوب فکر کنید.

همکاری و کار گروهی در Visual Studio Code یک پیشرفت و امتیاز بزرگ است

این افزونه‌ها نمونه‌هایی از تعاملات ساده با VS Code است. کاربران ماهر مسلماً از قبل ابزارهای زیادی را می‌شناسند که می‌توانند به تکمیل کد، اصلاح و تست کد کمک کنند. Live Share همچنین افراد را قادر می‌سازد تا هم در کلاس درس و هم از راه دور به یادگیری بپردازند – البته خود آموزی با دوره‌های آنلاین عالی و معتبر نیز هنوز هم از اهمیت زیادی برخوردار است.

و به یاد داشته باشید که با استفاده از VS Code همچنین می‌توانید در مرورگر خود با Microsoft Visual Studio Online کد بزنید.

منبع: makeuseof

 مطالب مرتبط

۳ پروژه کد نویسی آسان برای کودکان و یادگیری کار با Microsoft Small Basic
آموزش جامع SQL Server
۵ قالب رایگان HTML برای ایجاد آسان و سریع وبسایت‌ها!
آموزش مقدماتی HTML و CSS
۱۳ مورد از بهترین IDEهای مرورگر که هر برنامه‌نویسی باید بشناسد!
برنامه نویسی شیءگرا چیست؟

از آخرین دوره های آموزشی و تخفیف ها مطلع شوید

با تکمیل فرم زیر ، از اخبار و اطلاعات به روز برنامه نویسی و تکنولوژی عقب نمانید

آخرین مطالب

آموزش جامع SQL Server (جلسه ۱۲)
آموزش جامع SQL Server (جلسه ۱۲)

دستور UPDATE در SQL Server برای تغییر داده‌های موجود در یک جدول، از دستور UPDATE به شکل زیر استفاده ...

آموزش جامع SQL Server (جلسه ۱۵)
آموزش جامع SQL Server (جلسه ۱۵)

دستور DROP TABLE در SQL Server گاهی، لازم است یک جدول که دیگر استفاده‌ای ندارد را حذف کنید. برای ...

آموزش جامع SQL Server (جلسه ۳۵: Window Functionها – بخش ۲)
آموزش جامع SQL Server (جلسه ۳۵: Window Functionها – بخش ۲)

بخش اول از آخرین مبحث دوره جامع آموزش SQL Server در جلسه قبلی بررسی شد. این مبحث که ...

آخرین دیدگاه ها

دیدگاه خود را درباره این پست بنویسید

فرم ارسال نظرات