VS Live Share یک ابزار شگفت‌انگیز برای همه انواع کدنویس‌ها محسوب می‌شود؛ اما برخی ملاحظات امنیتی نیز دارد. ماهیت باز افزونه همراه با سهولت اشتراک می‌تواند فضایی برای سوءاستفاده فراهم سازد. از آنجا که حتی میهمان‌های با دسترسی فقط خواندنی نیز می‌توانند در گفتگوها صحبت کنند، این احتمال وجود دارد که رفتار نامناسبی از سوی افرادی که نباید لینک اشتراک را داشته باشند صورت بگیرد.

همچنین Live Share امکان اشتراک ترمینال را در حالت خواندن/نوشتن می‌دهد. این فرایند وقتی در دستان افراد نادرستی قرار گیرد به یک ریسک مهم امنیتی تبدیل می‌شود.

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

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

بسته VS Live Share Extension شامل یک گزینه برای ارتباط صوتی نیز هست. با آغاز یک جلسه، اتاق جدیدی ایجاد می‌شود. برای ورود به اتاق باید در پنل Live Share و در برگه Audio روی audio call کلیک کنید.

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

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

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

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

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

VS Code رایگان است و برای سیستم‌های ویندوز، macOS و لینوکس ارائه شده است. اگر هم اینک کاربر VS Code نیستید، پیشنهاد می‌کنیم قبل از ادامه مطالعه این مقاله آن را دانلود و نصب (+) کنید.

برای نصب VS Live Share باید VS Code را باز کنید و به برگه Extensions در نوار ابزار سمت چپ بروید. همچنین می‌توانید از دکمه‌های میانبر Ctrl + Shift + X استفاده کنید و در نوار جستجو به دنبال عبارت بگردید.

Live Share به دو یا چند نفر امکان می‌دهد که به صورت همزمان با استفاده از حساب‌های مایکروسافت یا گیت‌هاب خود روی یک پروژه کار کنند. جلسه‌های استاندارد Live Share از پنج کاربر همزمان پشتیبانی می‌کنند؛ اما این تعداد با تغییر تنظیمات قابل بسط به 30 نفر نیز است. با این که تنها کاربران ثبت نام کرده می‌توانند در کد مشارکت داشته باشند؛ اما افراد میهمان نیز می‌توانند جلسه‌ها را مشاهده کرده و در گفتگوی زنده مشارکت داشته باشند.

بسته اکستنشن Live Share در VS Code شامل ارتباط صوتی نیز هست و به کاربران امکان اشتراک یک تماس و یکپارچه‌سازی با اسلک و Discord را می‌دهد. در همین راستا، مزیت‌های روشنی برای کارمندان ریموت وجود دارد، چون Live Share یک ابزار آموزشی است. ترمینال‌های قابل اشتراک و سرورها موجب می‌شوند که Live Share گزینه‌ای عالی برای کمک به تدریس در کلاس درس باشد.

آیا تاکنون کنجکاو بوده‌اید که چه مقدار زمان برای کار روی یک قطعه کد صرف کرده‌اید؟ آیا تاکنون خواسته‌اید بدانید که بهترین زمان برنامه‌نویسی بهینه شما چه زمان از روز یا کدام روز هفته بوده است؟ اگر تا به حال مشتاق بوده‌اید که پاسخ این سؤال‌ها یا هر معیار زمانی دیگر را بدانید، بهتر است از اکستنشن Code Time (+) استفاده کنید.

افزونه Code Time فعالیت شما در ویژوال استودیو کد را اندازه‌گیری می‌کند و در مورد این فعالیت‌ها و همچنین معیارهای دیگر به شما گزارش می‌کند. شما می‌توانید معیارهای آنی را در نوار وضعیت ببینید و برای مشاهده موارد بیشتر، یک داشبورد نیز درون ویرایشگر ارائه شده است.

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

شما چه یک توسعه‌دهنده فرانت‌اند وب باشید و یا فردی باشید که به صورت عمده روی سرور کار می‌کنید، احتمالاً با مواردی مواجه شده‌اید که باید یک REST API را تست می‌کردید. برخی افزونه‌های مرورگر و کلی ابزار دیگر برای این منظور وجود دارند، اما اگر اغلب زمان خود را در یک ویرایشگر متنی صرف می‌کنید، آیا بهتر نیست که کلاینت را نیز در همین جا داشته باشید؟

افزونه REST Client (+) افزونه نسبتاً ساده‌ای است که کار خود را به نحو احسن انجام می‌دهد. با استفاده از این افزونه می‌توان یک درخواست HTTP و همچنین دستورهای cURL ارسال کرد. برای احراز هویت، این افزونه از روش‌های احراز هویت مقدماتی، احراز هویت digest، گواهی کلاینت SSL و موارد مشابه پشتیبانی می‌کند.

اگر یک توسعه‌دهنده فرانت‌اند هستید و به خصوص اگر دوست دارید از یک سبک نگارشی خاص پیروی کنید، افزونه Prettier (+) این نیاز شما را به بهترین وجه تأمین می‌کند. این افزونه به صورت خودکار کدهای جاوا اسکریپت، تایپ‌اسکریپت و CSS را با استفاده از ابزارهای مرتبط قالب‌بندی کد برای هر زبان قالب‌بندی می‌کند.

Prettier کدی را که نوشته‌اید می‌گیرد و آن را با پیروی از یک سری راهنماهای قالب‌بندی برای شما بازنویسی می‌کند. این اکستنشن دارای گزینه‌های مختلفی است و می‌توانید بسته به نیازهای خود آن را پیکربندی کنید، اما می‌توانید از آن به همراه ابزارهای eslint یا tslint نیز استفاده کنید تا مطمئن شوید که از پیکربندی بندی linting خود پیروی می‌کند.

Bracket Pair Colorizer (+) افزونه‌ای است که نامش آن را به خوبی توصیف می‌کند. این افزونه به صورت خودکار کاراکترهای خاصی را در کد رنگی می‌کند تا مشخص شود که یک بخش خاص از کد در سلسله‌مراتب خود در چه سطحی قرار دارد. این اکستنشن به صورت پیش‌فرض از چند زبان پشتیبانی می‌کند و این فهرست آن قدر بزرگ هست که مطمئن باشید زبان مورد نظر شما نیز در آن جای دارد.

به صورت پیش‌فرض کاراکترهای ()، []، و {}با همدیگر تطبیق پیدا می‌کنند؛ اما می‌توانید کاراکترهای براکت دیگر را نیز بر حسب نیاز اضافه کنید. این نوع از افزونه‌ها معمولاً مورد تنفر یا عشق شدید کاربران قرار دارند، اما گر مطمئن نیستید که آن را دوست دارید یا نه، بهتر است دست کم یک بار امتحانش کنید.

اکستنشن Task Explorer (+) کارکردهای اجرای وظیفه به سبک IDE را به ویژوال استودیو کد اضافه می‌کند. این وضعیت به طور عمده شامل ساخت وظایفی برای پروژه کنونی است، اما شامل Bash، پایتون و دیگر اسکریپت‌ها نیز می‌شود.

Task Explorer از تعداد نسبتاً زیادی از ابزارهای استاندارد Build پشتیبانی می‌کند. این موارد شامل NPM ،Grunt ،Gulp ،Ant ،Make و خود ویژوال استودیو کد می‌شود. این افزونه قابلیت سفارشی‌سازی دارد و امکان سفارشی ساختن مسیر هر اجراکننده وظیفه و زبان اسکریپت‌نویسی را می‌دهد. این موارد در صورتی که چند نسخه از هر کدام از این موارد نصب شده باشد و شما بخواهید از یک نسخه خاص استفاده کنید، مفید خواهد بود.

ویژوال استودیو کد به صورت پیش‌فرض پس از نصب، به قابلیت یکپارچه‌سازی Git مجهز است و از این رو ممکن است نیاز مطلقی به این افزونه نداشته باشید. با این وجود، GitLens (+) چندین قابلیت اضافه کرده است که به بصری‌سازی، ناوبری و درک تاریخچه گیت پروژه کمک می‌کند.

GitLens علاوه بر ویژگی‌های دیگری که دارد یک قابلیت قدرتمند برای نمایش تفاوت‌ها در پنجره جداگانه (split diff) ارائه می‌کند که به بصری‌سازی تفاوت‌های بیت کامیت ها و شاخه‌ها (Branches) کمک می‌کند. این افزونه امکان جستجو تاریخچه کامیت پروژه‌ها، جستجوی نویسندگان، فایل‌ها، پیام‌های کامیت و موارد دیگر را نیز ارائه می‌کند.

ویژگی‌های دیگر شامل «هیت‌مپ» (Heat Map) در حاشیه پنجره ویژوال استودیو کد است که به ما امکان می‌دهد به آسانی ببینیم که در یک فایل مفروض بخش عمده کار در کجا صورت گرفته است. برای جمع‌بندی در مورد این اکستنشن باید اضافه کرد که اگر در پروژه خود تمرکز زیادی روی Git دارید، حتماً باید آن را دست کم یک بار امتحان کنید.

اگر از ویژوال استودیو کد برای ویرایش فایل‌های شخصی یا سیستمی استفاده می‌کنید، اکستنشن Path Intellisense (+) می‌تواند کمک زیادی به شما بکند. این افزونه به طور خلاصه امکان تکمیل کردن با سبک Intellisense را برای نام فایل‌ها میسر می‌سازد و بدین ترتیب می‌توانید به سادگی نام مسیرهای طولانی فایل را بدون نیاز به کامیت کردن در حافظه وارد کنید.

این افزونه کارکرد نسبتاً ساده‌ای دارد؛ اما چند گزینه پیکربندی نیز وجود دارند. برای نمونه می‌توان انتخاب کرد که علامت / پس از نام‌های دایرکتوری اضافه شود یا نشود. گزینه‌های دیگر شامل این هستند که آیا نام فایل در گزاره‌های ایمپورت ذکر شود یا نه و یا این که می‌توانید انواع خاصی از فایل‌ها را نادیده بگیرید.

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

اکستنشن Settings Sync (+) به حل این مشکل کمک می‌کند. این افزونه با کمک گرفتن از یک GitHub Gist ساده، تنظیمات VS Code شما را روی سیستم‌های مختلف همگام‌سازی می‌کند. این موارد شامل انواع اکستنشن‌های نصب شده و پیکربندی آن‌ها نیز می‌شود و از این رو با استفاده از این افزونه، همه پیکربندی‌های شما به صورت پرتابل درمی‌آیند. در صورتی که تغییراتی روی یک سیستم ایجاد کنید، می‌توانید با همگام‌سازی تنظیمات، آن‌ها را روی سیستم‌های دیگر نیز مشاهده کنید.

Visual Studio IntelliCode (+) که از سوی بخش DevLabs مایکروسافت توسعه یافته، اکستنشنی است که هوش مصنوعی را در جهت کمک به کدنویسی به VS Code آورده است. این افزونه در حال حاضر از زبان‌های پایتون، جاوا اسکریپت/تایپ‌اسکریپت و جاوا پشتیبانی می‌کند.

اگر IntelliCode را قبلاً در ویژوال استودیو یا ویژوال استودیو کد نصب کرده باشید، احتمالاً می‌دانید که عملکرد آن به چه صورت است. تنها تفاوت در اینجا آن است که این افزونه اساساً هوشمندتر از حالتی است که تصور می‌کنید. اکستنشن مورد بحث همچنان در مراحل ابتدایی توسعه خود قرار دارد و با این حال عملکرد کاملاً جالبی دارد. در مراحل بعدی توسعه ممکن است شاهد این باشیم که این افزونه به صورت یک قابلیت داخلی VS Code عرضه شود.

کپی کردن کرسر یک قابلیت VSCode است که موجب صرفه‌جویی زمانی زیادی می‌شود. این قابلیت در کد نویسی با مواردی مانند تایپ‌اسکریپت عالی است:

برای افزودن کرسر در سمت بالا

• ویندوز: Ctrl + Alt + Up Arrow
• مک: Control + Option + Up Arrow

برای افزودن کرسر در سمت پایین

• ویندوز: Ctrl + Alt + Down Arrow
• مک: Control + Option + Down Arrow

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

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

• ویندوز: Alt + Up Arrow
• مک: Option + Up Arrow

برای این که یک خط به سمت پایین جابجا شوید از میانبرهای زیر استفاده کنید.

• ویندوز: Alt + Down Arrow
• مک: Option + Down Arrow

برای حذف آنی یک خط از کد دو روش وجود دارد. با کلیدهای زیر، خط مورد نظر پاک شده و در کلیپ‌بورد نوشته می‌شود.

• ویندوز: Ctrl + X
• مک: Control + X

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

برای رفتن به ابتدای خط

• ویندوز: Ctrl + Home
• مک: Control + Home

برای رفتن به انتهای خط

• ویندوز: Ctrl + End
• مک: Control + End

یک قابلیت بسیار مفید و شناخته‌شده، امکان کپی گرفتن از یک خط است. به این منظور کافی است از کلیدهای میانبر زیر استفاده کنید:

• ویندوز: Ctrl + Shift + D
• مک: Control + Shift + D

احتمالاً زمانی که تازه شروع به کدنویسی کردید، مجبور بودید همه موارد رخداد یک متن را به صورت دستی در کد انتخاب کنید. اما اینک VSCode قابلیت Change All Occurrences را به این منظور ارائه کرده است...

شما می‌توانید هر متنی را به صورت کلمه به کلمه با کلیدهای میانبر زیر انتخاب کنید.

• ویندوز: Ctrl + Shift + Right Arrow یا Ctrl + Shift + Left Arrow
• مک: Control + Shift + Right Arrow یا Control + Shift + Left Arrow

این میانبر در مواردی که می‌خواهید کلمات را سریع‌تر انتخاب کنید بسیار مفید است:

برای حذف کلمه قبل از کرسر می‌توان کلیدهای Ctrl + Backspace (در مک Control + Delete) را زد. این کلیدهای میانبر در مواردی که یک عبارت غلط وارد کرده‌اید و نمی‌خواهید دکمه بک‌اسپیس را چند بار بزنید...

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

برخی اوقات ما می‌خواهیم همه مواردی را که در سمت چپ یا راست کرسر قرار دارد حذف کنیم. برای این کار باید همه چیزهایی را که در سمت چپ یا راست کرسر قرار دارند، انتخاب کنیم...

این یکی از جالب‌ترین قابلیت‌های VSCode محسوب می‌شود. این قابلیت امکان حفظ پنجره مورد نظر در جلو در زمان بارگذاری مجدد را فراهم می‌سازد و همان تأثیر بستن و باز کردن مجدد را دارد.

• ویندوز: Ctrl + Alt + R
• مک: Control + Option + R

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

شما می‌توانید همه اکستنشن‌های اجرایی خود را با باز کردن پالت فرمان و وارد کردن عبارت «Show Running Extensions» ببینید. همچنان که احتمالاً حدس می‌زنید با این کار لیستی از اکستنشن‌های اجرایی نمایش پیدا می‌کند...

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

با فشردن کلیدهای Ctrl + ‘ می‌توانید ترمینال یکپارچه VSCode را باز کنید و بی‌درنگ شروع به استفاده از آن بکنید. بدین ترتیب دیگر نیاز نیست که VSCode را ترک کنید.

میانبرهای کیبورد را باز کنید و به دنبال گزینه Expand Bracket Selection بگردید. این یکی از چیزهایی است که کشف آن به کمی زمان نیاز دارد، چون حدس زدن نام آن کمی دشوار است...

• ویندوز: Ctrl + Shift + T
• مک: Control + Shift + T

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

بنابراین می‌توانید با فشردن کلیدهای Ctrl + Shift + T عملاً ادیتور بسته شده را مجدداً باز کنید. حتی می‌توانید زبانه پیش از آن را نیز باز کنید و حتی زبانه ما قبل آن و همین طور تا آخر را با این میانبر می‌توانید باز کنید. این یک ویژگی undo است که انحصاراً برای زبانه‌ها استفاده می‌شود.

اگر فکر می‌کنید برخی اوقات ادیتور VS Code کمی کُند می‌شود و یا می‌خواهید از چیزی که میزان RAM زیادی مصرف می‌کند، سر دربیاورید، می‌توانید از یک قابلیت VSCode به نام Process Explorer کمک بگیرید...

آیا تاکنون تلاش کرده‌اید برای زبان‌های مختلف رنگ آکسان تعیین کنید؟ اگر از افزونه Material Theme در VSCode استفاده کرده باشید، می‌توانید عملاً یک رنگ آکسان سفارشی برای زبانه‌ها انتخاب کنید...

کی از جالب‌ترین قابلیت‌های VSCode داشتن امکان جستجوی متن در همه فایل‌های دایرکتوری پروژه است. بهترین بخش این قابلیت نیز سرعت بالایش است. برای استفاده از این ویژگی می‌توانید با فشردن Control + Shift + F ویوی مربوطه را باز کنید....

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