آموزش Visual Studio Code آموزش vs code رایگان و جامع

معمولا از دکمه‌های ترکیبی Ctrl +F - برای پیدا کردن - یا Ctrl +H - برای جابه‌جایی رشته استفاده می‌کنیم. شاید بخواهیم عملیات جست‌وجو فقط در بین خطوط انتخاب شده انجام شود. در این حالت، ویژوال استودیو کد به صورت خودکار گزینه «Find in Selection» را روشن می‌کند. با اینکه معمولا لازم است در انتهای فایل‌ها خط خالی قرار بگیرد اما وجود تعداد زیاد خط خالی در انتهای کد باعث بی‌نظمی و بدمنظر شدن فایل می‌‌شود.

Enabled  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. پیکربندی صحیح تنظیمات ویژوال استودیو کد بر روی ساده‌تر شدن فرایند کدنویسی و در نتیجه افزایش کیفیت و سرعت انجام کار تاثیر می‌گذارد. در این مطلب، تنظیمات ویژوال استودیو کد را به ۵ دسته کلی تقسیم کرده‌ایم.

{
• با کمک این خطوط به سادگی می‌توان تشخیص داد که کدام فایل‌ها درونه کدام فولدر قرار دارند.
|}{
• برای سیستم عامل‌های لینوکس و OS هم باید پروفایل‌های آن‌ها را تنظیم کرد.
|}
• شما در این دوره (آموزش vscode) به صورت صفر تا صد با vscode اشنا خواهید شد.
• VS Code از خط فرمانی داخلی به نام Command Palette (طیف دستورات) پشتیبانی می‌کند که موقعیت آن در مبدأ پروژه در حال اجرا قرار می‌گیرد.
{
• یک محیط ساده، کم حجم، سبک که میتونید با استفاده از افزونه هایی اختصاصی که در اختیار شما قرار میده، اون رو به یک محیط برنامه نویسی حرفه ای و لذت بخش برای خودتون تبدیل کنید.
|}
• بنابراین می‌تواند زبان پیش‌فرض سربرگ‌های جدید را بر روی PowerShell تنظیم کند.

به این منظور می‌‌توان Activity bar را به بالای نوار کناری انتقال داد. اما این مسئله به معنای آن است که تعداد آیکون‌های افزونه کمتری دیده خواهند شد. در تصویر پایین و بعد از اعمال تنظیم، می‌بینیم که نوار ابزار دیباگ به بخش Command Center  رفته و دیگر مزاحم کسی نیست. لیگچرهای فونت استفاده گسترده‌ای ندارند اما به‌هرحال بعضی از برنامه نویسان علاقه‌مند به استفاده از این ترکیب‌ها و کاراکترهای ویژه‌ هستند. توجه کنید که VS Code در عین حال که بسیار کاربردی و ساده است شامل پیچیده‌گی‌های تخصصی هم می‌شود. به عنوان توسعه‌دهنده لازم است که با تمام قواعد استفاده از Visual Studio Code آشنا شویم.

تنظیمات مربوط به قالب‌بندی و فایل در ویرایشگر

حالا هر وقت تغییرات ذخیره شود، به‌روزرسانی به طور خودکار به وسیله Live Server انجام می‌شود. در ادامه آموزش Visual Studio Code به معرفی کلیه مطالب منتشر شده مرتبط با این ویرایشگر کد پرداخته شده است. برای نوشتن کدهای HTML و توسعه سایت با آن، می‌توان از یک ویرایش‌گر متن ساده مثل Notepad هم استفاده کرد.

CSS چیست و چه کاربردی دارد؟

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

آموزش کار با ویژوال استودیو کد

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

سپس در بخش «Git» گزینه Suggest Smart Commit  را پیدا کرده و مقدار آن را بر روی false  تنظیم کنید. سپس در بخش «Git» گزینه Merge Editor را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید. سپس در بخش «Git» گزینه Auto Stash  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید.

افزونه‌ی Settings Sync

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

اسکرول کردن نرم تر

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

طیف دستورات، وظایف و تنظیمات مختلف را به همراه میانبرهای صفحه کلید نمایش می‌دهد. با توجه به حجم فایل، نصب Visual Studio Code تقریباً پنج دقیقه زمان می‌برد. وقتی که نصب انجام شد، باید از بخش مدیریت اپلیکیشن سیستم‌عامل لینوکس برای جستجوی Visual Code Studio و اجرای آن استفاده شود. در ادامه، شروع کار با Visual Studio Code و نحوه نوشتن اولین برنامه با آن توضیح داده شده است. همچنین، از طریق قابلیت کنترل نسخه داخلی، می‌توان تغییرات انجام شده در فایل‌های پروژه را نیز بررسی کرد.

دوره های دیگر مدرس

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

افزونه‌ی Better Align

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

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

همچنین، می‌توان از کلیدهای ترکیبی «Ctrl+Shift+P» استفاده کرد. Command Palette توابع و قابلیت‌ها را به ترتیب حروف الفبا مرتب‌سازی می‌کند. در ادامه آموزش Visual Studio Code به معرفی ویژگی خرده‌نشانی (Breadcrumb) پرداخته شده است.

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

بنابراین به شکل ساده‌‌تری می‌توان فایل‌های درون فولدر را تشخیص داد. برای صرفه‌جویی در فضای عمودی ویرایشگر کد می‌توانیم ارتفاع سربرگ‌ها را کاهش دهیم. این کار به طور ویژه زمانی مفید است که سربرگ‌ها را دسته‌بندی کرده‌ایم. زیرا وجود چندین ردیف تب مختلف باعث اشغال فضای عمودی زیادی از صفحه می‌شود. به کار بردن این تنظیم، انیمیشن استفاده شده در کرسر را - مخصوصا در زمان جابه‌جایی به مکان جدید - به شکل نرم‌تری نمایش می‌دهد.

کد ادیتور نرم‌ افزاری شبیه به ویرایشگر متن است که برخی ویژگی‌ها به آن اضافه شده است. پس ویژوال استودیو کد، یک IDE نیست چرا که همانطور که گفتیم یک IDE برخلاف کد ادیتور، دارای بسیاری از ابزارهای توسعه‌ی نرم‌ افزار است. ویژوال استودیو کد (Visual Studio Code) که به اختصار VS Code نیز نامیده می‌شود، یکی از محبوب‌ترین کد ادیتورهای حال حاضر جامعه‌ی برنامه نویسان است.

تنظیم «Merge Editor» در ویژوال استودیو کد به توسعه دهندگان برای ویرایش و حل تعارضات کمک می‌کند. در زمان بررسی تعارضات بین کدها، VS Code، ویرایشگر مجازی را برای ادغام کدها باز می‌کند. این ویرایشگر مجازی برای برطرف کردن خطوط متعارض به برنامه نویس کمک می‌کند. برای ذخیره کردن خودکار تغییرات بر روی فایل‌ از کلید‌های Ctrl +S استفاده می‌کنیم. در نتیجه برای «ذخیره خودکار» (Auto Save) کارها می‌توانید از تنظیمات ویژوال استودیو کد استفاده کنید.

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

مشکل اینجاست که اغلب اوقات، نوار‌ابزار دیباگ در ویژوال استودیو کد بر روی سایر بخش‌های کنترلی و سربرگ‌ها قرار می‌گیرد. بنابراین بعضی وقت‌ها برای پیدا کردن این ابزارها به مشکل برمی‌خوریم. اما در آن صورت فقط زمانی دیده می‌شود که در حالت «Run And Debug» هستیم.

اگر رفع نشد به طور مستقیم فایل vsix افزونه رو از انجمن استک دانلود کنید و در بخش extensions ویژوال کدتون ایمپورت کنید. همچنین، VS Code از جعبه ابزار توسعه وب Emmet نیز به خوبی پشتیبانی می‌کند. قابلیت‌های IntelliSense در VS Code برای زبان‌های برنامه‌نویسی JavaScript ،TypeScript ،JSON ،HTML ،CSS ،Less و Sass به صورت پیش‌فرض و از ابتدا موجود است. همچنین، می‌توان افزونه IntelliSense را برای سایر زبان‌های برنامه‌نویسی که پشتیبانی IntelliSense به صورت پیش‌فرض برای آن‌ها وجود ندارد، به VS Code اضافه کرد.

مطالب مرتبط با افزونه های VS Code

باید تست کنید و اگر نتیجه نداد، با جستجوی vscode for windows 7 از سایتهای دیگه دریافتش کنید. حالا شما یک محیط توسعه ساده برای نوشتن کد HTML با استفاده از Visual Studio Code راه‌اندازی کرده‌اید. این تجربه اولیه می‌تواند به عنوان پایه‌ای برای یادگیری بیشتر در زمینه توسعه وب شما باشد. در آخرین بخش از مطلب آموزش Visual Studio Code به معرفی برخی از مهم‌ترین فیلم‌های آموزش برنامه‌نویسی پرداخته شده است. در این بخش از مطلب آموزش Visual Studio Code به معرفی مطالب مربوط به میانبرهای مفید و کاربردی VS Code پرداخته شده است. به طور مشابه، می‌توان ویژگی‌ها و قابلیت‌های دیگر ویرایشگر VS Code‌ را آموخته و آن‌ها را در محیط تعاملی ارائه شده در بخش Interactive Playground مورد آزمایش قرار داد.

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

با دیدن این دوره کامل VSCode را یاد می‌گیریم؟

فقط کافی است که یک بار ویژوال استودیو کد را نصب کرده و با آن کدنویسی کنید. تجربه‌ی برنامه نویسی با VُS Code به قدری سریع، آسان و لذت بخش است که حاضر نیستید به ویرایشگر دیگری فکر کنید. طول مدت این دوره آموزشی ۱۹ ساعت و ۵۳ دقیقه است و مدرس آن مهندس پژمان اقبالی شمس آبادی هستند. در این دوره آموزشی تمامی مباحث و موضوعات مقدماتی و پایه زبان برنامه‌نویسی پایتون پوشش داده شده است.

استفاده از این گزینه به کاربران برای همگام‌سازی تنظیمات خود بر روی کامپیوتر‌های مختلف کمک می‌کند. از همگام‌سازی تنظیمات می‌توان برای همگام‌سازی مواردی مانند فهرست زیر استفاده کرد. اگر شما هم می خواهید با یک ویرایشگر کد پر سرعت و کم حجم کار کنید، ویژوال استودیو کد بهترین گزینه می‌باشد. به همین دلیل در این مقاله، سعی کرده‌ایم تا به آموزش کار با نرم افزار ویژوال استودیو کد بپردازیم. اگر به یادگیری نحوه کدنویسی با ویژوال استودیو کد علاقه دارید و می‌خواهید ویژگی‌ها و ترفندهای ویژوال استودیو کد را بهتر بشناسید، تا انتهای این مقاله با ما همراه باشید. در پایان نیز مطالب کاربردی بسیاری پیرامون آموزش Visual Studio Code‌ فهرست شده است که مطالعه آن‌ها پس از مطالعه این مطلب برای یادگیری بهتر VS Code پیشنهاد می‌شود.

بعد از اعمال این تنظیم، نوار بالای صفحه برای نشان دادن مسیر حرکت بین «بردکرامب‌ها» (Breadcrumbs) ظاهر می‌شود. این نوار در بالای ویرایشگر قرار می‌گیرد، همچنین به ازای هر سربرگ باز شده به صورت جداگانه نمایش داده می‌شود. در نوار Breadcrumbs نه تنها مسیر فایل‌ها نمایش داده می‌شود، بلکه حتی مسیر کلاس و تابعی که در حال حاضر بر روی آن تمرکز کرده‌ایم نیز نشان داده می‌شود. کد مربوط به این پیکربندی در فایل «Settings.json» به شکل زیر نوشته می‌‌شود.

کد زنی در محیط ویژوال کد با توجه به میزان خلاقیتی که نشان می دهید می تواند بسیار هیجان انگیز باشد. با این حال اگر می خواهید از محیط های متفاوت تر IDE اسفاده کنید می توانید به Adobe Dream Weaver و Bootstrap مراجعه کنید. البته توجه داشته باشید که دو محیط ذکر شده با ویژوال استودیو کد متفاوت اند.

اول یدور حذف نصب و نصب مجدد کنید و ویژوال رو باز و بسته کنید تا اعمال بشه و بعد چک کنید. البته در این حالت که رو cmd اجرا میگیرید، شاید بد نباشه live serve رو مستقیم همونجا نصب کنید. سرچ بزنید راهنمای کامل رو میاره.اما در کل براساس تجربه توصیه میکنم که به پایچارم کوچ کنید و زمان باارزشتون رو تلف نکنید. دروداحتمالا به این دلیل هست که تنظیمات اجرا روی اون زبان انجام نشده.از منوی بالا گزینه Run رو انتخاب کنید و میتونید از دو مورد اول استفاده کنید یا از کلید f5 مستقیم برنامه رو اجرا کنبد. با نصب افزونه‌ی Path Intellisense کار با مفاهیم فایل بسیار آسان‌تر می‌شود. این افزونه برای نشان دادن فایل‌های موجود در یک مسیر مشخص استفاده می‌شود و هنگامی که بر روی پروژه‌ای کار می‌کنید که تعداد زیادی فایل در آن وجود دارد، بسیار مفید خواهد بود.

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

امکانات IntelliSense برای HTML در VS Code

در این بخش تمامی تنظیمات مربوط به محیط کد ادیتور قابل مشاهده و ویرایش است. کلیدهای میانبری که در بخش قبل معرفی کردیم به خاطر دارید؟ با انتخاب گزینه‌ی Keyboard Shortcuts می‌توانید لیست کامل آن‌ها را مشاهده کنید. همان‌طور که قبلاً هم بیان شد، Visual Studio Code قابلیت‌ها و امکانات خود را با استفاده از افزونه‌ها گسترش می‌دهد. این افزونه‌ها رایگان و به راحتی قابل دانلود، نصب و استفاده هستند. افزونه‌های بسیاری برای زبان‌های برنامه‌نویسی مختلف، قالب‌های فایل، راه‌کارهای ابری و سایر موارد در VS Code قابل دسترسی است.

همچنین می‌توانید مثل یک برنامه نویس حرفه‌ای، از این ابزار برای توسعه و جلو بردن پروژه‌ها استفاده کنید. یکی از دلایل محبوبیت وی اس کد، حجم پایین، داشتن اکستنشن های کاربردی مختلف، پشتیبانی از گیت، کراس پلتفرم بودن و … است. یعنی اگر شما سیستم ضعیفی برای کدنویسی داشته باشید باز هم وی اس کد کار شما را بدون هیچ مشکل و اذیتی راه می اندازد. پس چه بهتر که برای کد نویسی از ادیتور VsCode استفاده کنید.در این دوره آموزش vscode، نحوه کار با این ادیتور از صفر تا نزدیک های صد به شما آموزش داده می شود. افزونه‌ی Browser Preview برای بازکردن یک مرورگر واقعی درون ویرایشگر ویژوال استودیو کد و برای عیب‌یابی و بررسی تغییرات، به جای چک کردن آن‌ها روی مرورگر مورد استفاده قرار می‌گیرد. در نتیجه از جابه‌جایی مداوم بین محیط ویرایشگر و مرورگر جلوگیری می‌کند.

یعنی، سمت چپ‌ترین رقم مربوط به شماره نسخه اصلی، رقم وسط مربوط به شماره نسخه فرعی و آخرین رقم نیز مربوط به شماره انتشار (Release) است. نبی عبدی هستم مدیر آکادمی وبکیما، مدرس و محقق در حوزه راه‌اندازی انواع کسب‌وکارهای اینترنتی، میخوام بدونید که کار در حوزه اینترنت بسیار دوست داشتنیه! لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید. سلام امیر جان درس آخر مشاهده کنید تمامی تمرین ها آنجا هستند.

تفاوت ویرایشگر کد با ویرایشگر متن

نرم‌افزار Visual Studio Code، به عنوان ابزاری کارآمد و قدرتمند برای ویرایش Source Code و پشتیبانی از زبان‌های برنامه‌نویسی مختلف از اهمیت بسیاری برخوردار است. یادگیری کار با VS Code، به برنامه نویسان کمک می‌کند تا با نحوه‌ استفاده از این نرم‌افزار و قابلیت‌های آن، آشنا شوند و بتوانند به بهترین شکل از این ابزار برای توسعه نرم‌افزار استفاده کنند. پیکر بندی تنظیمات ویژوال استودیو کد یکی از بخش‌های تسلط بر این ابزار قدرتمند است. در صورت تمایل به آموزش حرفه‌ای این ابزار می‌توانید فیلم آموزش ویژوال استودیو کد درباره توسعه نرم‌ افزار با  را از فرادرس مشاهده کنید. برای اعمال این تنظیم، ابتدا وارد محیط گرافیکی تنظیمات شوید. سپس در بخش «Editor» مقدار گزینه Cursor Blinking  را تغییر دهید.

قدم 3: ذخیره و اجرا

Location  را پیدا کرده و مقدار آن را بر روی right  تنظیم کنید. سپس در بخش «Debug» گزینه Tool Bar Location  را پیدا کرده و مقدار آن را بر روی commandCenter  تنظیم کنید. سپس در بخش «Explorer» گزینه Compact Folders  را پیدا کرده و مقدار آن را بر روی false  تنظیم کنید. Enable Sticky Scroll  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید. Render Indent Guides  را پیدا کرده و مقدار آن را بر روی always  تنظیم کنید. سپس در بخش «Editor» گزینه Font Family  را پیدا کرده و مقدار آن را بر روی 'CaskaydiaCove Nerd Font'  یا Consolas  یا 'Courier New'  یا monospace  و غیره تنظیم کنید.

یکی دیگر از مزایای استفاده از این ادیتور نسبت به دیگر موارد، وجود افزونه‌های توسعه‌پذیر بسیار زیاد و کاربردی است که هر کدام آن‌ها به نحوی فرایند توسعه وب اپلیکیشن‌ها را سهولت می‌بخشد. برای اعمال این تغییر ابتدا وارد محیط گرافیکی تنظیمات شوید. سپس در بخش «Terminal» گزینه Integrated  را پیدا کرده و مقدار Default Profile.

این دستور، VS Code را وادار می‌کند که یک نمونه (Instance) جدید را شروع کرده و نمایش دهد. در این قسمت از آموزش Visual Studio Code چگونگی نصب این ویرایشگر کد منبع در سیستم عامل macOS توضیح داده شده است. گاهی لازم است برای ویرایش یک فایل از کدهای فایل دیگری استفاده شود. VS Code‌ امکان باز کردن چند ویرایشگر در کنار یکدیگر را فراهم می‌کند. برای استفاده از این ویژگی، می‌توان به سادگی روی فایل راست کلیک کرده و گزینه « Open to the slide» را انتخاب کرد. OpenAPI قالبی است که اغلب برای نوشتن تعاریف API یا API Definitions به کار می‌رود.

VS Code از مفهوم "فضای کاری" استفاده می‌کند تا بتواند محدوده ساختار پروژه، از جمله تنظیمات مربوط به پروژه و همچنین فایل‌های پیکربندی را برای اشکال‌زدایی و انجام وظایف، مشخص کند. فایل‌های Workspace در نشانی پروژه و در پوشه‌ای با پسوند «‎.vsco‎‎de‎‎» ذخیره شده است. همچنین، می‌توان در یک فضای کاری VS Code، از طریق قابلیتی به نام «فضای کاری چند ریشه» (Multi-Root Workspace) بیش از یک پوشه اصلی در یک فضای کاری داشت.