ویژوال استودیو کد : آموزش دانلود، نصب و فعالسازی Visual Studio Code

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

• Visual Studio Code یک ویرایشگر کد محبوب است و توسط برنامه‌نویسان و توسعه‌دهندگان بسیاری مورد استفاده قرار می‌گیرد.
• از همگام‌سازی تنظیمات می‌توان برای همگام‌سازی مواردی مانند فهرست زیر استفاده کرد.
• بنابراین تب‌های جدید باز شده و هنوز ذخیره نشده‌ هم می‌‌توانند از ابزارهای کاربردی ویژوال استودیو کد برای زبان مورد نظر استفاده کنند.
{
• کد مربوط به این تنظیم در فایل «Settings.json» به شکل زیر نوشته می‌‌شود.
|}{
• علاوه بر فعال کردن Minimap با استفاده از تنظیمات متنوع می‌توانیم آن را سفارشی‌سازی هم بکنیم.
|}{
• پیشنهاد می‌کنیم تعدادی از کد ادیتورهای مشابه Visual Studio Code را دانلود و بررسی کنید تا خودتان متوجه تفاوت‌های بین آنها شوید.
|}

۴ تا از بهترین کتاب‌های آموزش زبان فرانسه

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

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

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

در این بخش از آموزش Visual Studio Code، نحوه نصب این ویرایشگر در ویندوز شرح داده شده است. ابتدا باید به صفحه دانلود سایت Visual Studio Code [+ّ] رفته و پلتفرم دلخواه برای نصب نرم‌افزار (در این مورد، ویندوز) را انتخاب کرد. در این صفحه، لینک‌های دانلود فایل نصب برای سیستم‌عامل‌های ویندوز، لینوکس و مک OS موجود است. به صورت پیش‌فرض، VS Code از اشکال‌زدایی فریم‌ورک NodeJS پشتیبانی می‌کند و به طور کلی می‌تواند هر چیزی را که به جاوا اسکریپت ترجمه می‌شود، اشکال‌زدایی کند. اگرچه، برای اشکال‌زدایی سایر زبان‌های زمان اجرا (Runtime) مثل ‎C++‎ یا پایتون، نیاز به نصب افزونه مخصوص وجود دارد. برای مثال، افزونه vscode-database اتصال سریع و جستجو در MySQL و PostgreSQL را فراهم می‌کند.

سپس در بخش «Terminal» گزینه Integrated  را پیدا کرده و مقدار Profiles. البته برای ویرایش این تنظیم باید ترمینال مورد نظر خود را به شکل مستقیم درون فایل «Settings.json» وارد کنیم. سپس در بخش «Workbench» گزینه Color Customizations  را پیدا کنید. مقدار مربوط به این تنظیم را باید در فایل «Settings.json» به صورت دستی تنظیم کرد. ویژوال استودیو کد یا به اختصار VS Code، یک ویرایشگر کد رایگان از مایکروسافت است که به دلیل کاربرپسند بودن و پشتیبانی از انواع زبان‌های برنامه‌نویسی محبوبیت زیادی پیدا کرده است. این نرم‌افزار به خصوص برای افراد تازه‌کار مناسب است؛ زیرا امکاناتی چون هایلایت کد، تکمیل خودکار، اشکال‌زدایی، و افزونه‌های متعدد را به صورت رایگان ارائه می‌دهد.

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

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

بستن خودکار تگ‌های HTML در VS Code

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

۷. نکات و ترفندها برای استفاده بهینه از VS Code

برای درک بهتر، این قابلیت در تصویر متحرک زیر نشان داده شده است. یک پنجره تعاملی پس از توضیحات در همان صفحه وجود دارد که می‌توان با استفاده از آن، ویژگی قابلیت ویرایش با چند نشان‌گر را تمرین و امتحان کرد. همانند سایر قابلیت‌های ذکر شده، می‌توان یک Command Palette را از نیز از طریق منوی View در نوار وظیفه VS Code غیرفعال یا فعال کرد. همچنین، می‌توان از کلیدهای ترکیبی «Ctrl+Shift+P» استفاده کرد. Command Palette توابع و قابلیت‌ها را به ترتیب حروف الفبا مرتب‌سازی می‌کند.

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

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

میتونید از منوی بالا گزینه run رو بزنید و start debugging و سایر موارد مربوط به اجرا هستند. درودبه این دلیل هست که ماکروسافت پشتیبانی برنامه‌ها رو از ویندوز 8 به بعد ارائه میده. باید تست کنید و اگر نتیجه نداد، با جستجوی vscode for windows 7 از سایتهای دیگه دریافتش کنید. حالا شما یک محیط توسعه ساده برای نوشتن کد HTML با استفاده از Visual Studio Code راه‌اندازی کرده‌اید.

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

Function در SQL چیست؟ – توضیح به زبان ساده با نمونه کد آماده

در ادامه آموزش Visual Studio Code به معرفی ویژگی خرده‌نشانی (Breadcrumb) پرداخته شده است. برای مثال، وقتی که فایل‌ها قطعه‌بندی شوند، یک ناحیه جدید برای فایل‌های قطعه‌بندی شده ایجاد می‌شود. برای مثال، در تصویر (Screenshot) زیر، قطعه‌بندی فایل‌ها در Explorer به صورت افقی یا Split Down انجام شده است. قطعه‌بندی برای زمانی مناسب است که قصد مقایسه دو یا بیش از دو اسکریپت با یکدیگر یا استفاده از یک اسکریپت به عنوان منبع وجود داشته باشد.

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

فصل ششم- افزایش سرعت کدزنی

سپس در بخش «Git» گزینه Enable Smart Commit  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید. یکی از تنظیمات مرتبط با گیت در ویژوال استودیو کد، «واکشی خودکار» (Autofetch) است. این تنظیم باعث می‌شود که VS Code به صورت خودکار و با دوره زمانی منظم، اطلاعات را از مخزن راه دور مشخص شده واکشی کند.

البته هر کس می‌تواند زبان مورد استفاده خود را در بخش تنظیمات، به این ویژگی، معرفی کند. برای تعریف زبان‌های برنامه نویسی مختلف باید از کلمات کلیدی مرتبط با هر زبان استفاده کرد. به عنوان مثال می‌توانیم به کلمات کلیدی مانند javascript  و typescript  و python  و csharp  و markdown  و غیره اشاره کنیم.

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

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

این پشتیبانی به صورت ارائه امکاناتی همچون برجسته‌سازی نحوی (Syntax Highlighting)، تکمیل کد هوشمند به وسیله IntelliSense و قالب‌بندی قابل شخصی‌سازی انجام می‌شود. ممکن است برخی افراد در گذشته از ویرایشگرهای دیگری استفاده کرده باشند. با هدف رفاه و مهاجرت آسان از سایر ویرایشگرها به VS Code،‌ استفاده از دستورات میانبر مربوط به اکثر ویرایشگرهای رایج در VS Code به وسیله نصب افزونه امکان‌پذیر است. در ادامه آموزش Visual Studio Code در خصوص صفحه interactive Playground توضیحاتی ارائه شده است. حالا با کلیک روی فایل اسکریپت مورد نظر می‌توان آن را در پنجره ویرایشگر Query باز کرد. هر فایلی در VS Code باز باشد، محل (نشانی) فعلی آن فایل در بالای صفحه و در پایین سربرگ نام آن فایل نمایش داده می‌شود.

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

ترمینال متصل شده به VS Code، دارای بافری است که برای انجام عملیات «Scrollback» به‌ کار برده می‌شود. Scrollback به معنای برگشتن به داده‌های خروجی دستورات پیشین در ترمینال است. این بافر برای ذخیره‌سازی داده‌های خروجی به کار برده می‌‌شود.

همچنین گزینه Auto Save Delay  را پیدا کرده و مقدار آن را بر روی تنظیم کنید. Location  را پیدا کرده و مقدار آن را بر روی top  تنظیم کنید. Location  را پیدا کرده و مقدار آن را بر روی right  تنظیم کنید. سپس در بخش «Debug» گزینه Tool Bar Location  را پیدا کرده و مقدار آن را بر روی commandCenter  تنظیم کنید. سپس در بخش «Explorer» گزینه Compact Folders  را پیدا کرده و مقدار آن را بر روی false  تنظیم کنید.

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

آموزش تگ‌ های قالب بندی متن در HTML

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

میانبرهای کاربردی و مهم صفحه کلید در VS Code

علاوه بر آن، به آموزش کار با نرم افزار ویژوال استودیو کد نیز پرداختیم. ویژوال استودیو کد یک کد ادیتور بسیار قدرتمند است و برای توسعه دهندگانی مناسب است که به دنبال یک کد ادیتور کم حجم و پرسرعت هستند. طول مدت این آموزش ۲۰ ساعت و ۱۴ دقیقه است و مدرس آن دکتر فرشید شیرافکن هستند. C++‎ یکی دیگر از زبان‌های برنامه‌نویسی رایج و پرکاربرد در دنیای برنامه‌نویسی به حساب می‌آید.

ویژوال استودیو Notepad و html – سئو تبریز

Bracket Pairs  را پیدا کرده و مقدار آن را بر روی active  تنظیم کنید. سپس در بخش «Editor» مقدار گزینه Smooth Scrolling  را بر روی true  تنظیم می‌کنیم. VSCode از زبان‌های برنامه نویسی مشهوری مانند JavaScript، Python، C++، HTML، CSS و بیش از 40 زبان برنامه نویسی دیگر پشتیبانی می‌کند. علاوه بر این، با استفاده از افزونه‌های موجود، می‌توانید آن را به دلخواه خود گسترش دهید و قابلیت‌های جدیدی به آن اضافه کنید. حتی امکان کدنویسی به زبان‌هایی که به صورت عادی، در محیط Visual Studio Code  قابل استفاده نیستند نیز وجود دارد. همین موضوع، اهمیت یادگیری و شرکت در یک دوره آموزش vs code را توجیه می‌کند.

VS Code از خط فرمانی داخلی به نام Command Palette (طیف دستورات) پشتیبانی می‌کند که موقعیت آن در مبدأ پروژه در حال اجرا قرار می‌گیرد. این ویژگی، کار را بسیار راحت می‌کند؛ زیرا، برنامه‌نویس ناچار نخواهد بود که وضعیت خط فرمان فعلی را برای اجرای یک دستور سریع خط فرمان، تغییر دهد. برای باز کردن این خط فرمان، می‌توان به سادگی از کلیدهای ترکیبی « Command/Control+Shift+P» استفاده کرد. افزونه tropicRPC امکان آزمایش خودکار APIهای gRPC را با استفاده از تنظیمات مربوط به تست که در پروژه VS Code‌ ذخیره شده به وجود می‌آورد. افزونه openapi-lint امکان تایید اعتبار و تحلیل کد برای مشخص کردن خطاها (Linting)‌ را برای فایل‌های OpenAPI فراهم می‌کند.

آموزش جامع VS Code

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

در کادر زیر، کدهای JSON مربوط به تنظیماتی از Minimap را مشاهده می‌کنید. این تنظیمات غیرپیش‌فرض هستند و برای نشان دادن در مطلب آن‌ها را پیکربندی کردیم. در تصویر متحرک زیر، بهتر می‌توانید اثر استفاده از این تنظیم را بر روی کدهای زبان Markdown مشاهده کنید.

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

در حین وارد کردن دستورات و کدهای HTML، پیشنهاداتی از طریق HTML IntelliSense ارائه می‌شود. در تصویر زیر، می‌توان پیشنهاداتی را از قبیل بستن تگ div و همچنین فهرستی از عناصر پیشنهادی مبتنی بر محتوا در VS Code ملاحظه کرد. Visual Studio Code پشتیبانی ابتدایی و پیش‌فرض را برای HTML فراهم کرده است.

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

در عین حال منجر به سخت‌تر شدن عملیات مربوط به کشیدن و انداختن فایل‌ها درون فولدر‌های مخفی نیز شده است. به همین دلیل، بعضی از برنامه نویسان ترجیح می‌دهند که این ویژگی را غیرفعال کنند. بعد از اعمال این تنظیم، نوار بالای صفحه برای نشان دادن مسیر حرکت بین «بردکرامب‌ها» (Breadcrumbs) ظاهر می‌شود.

رنگ آمیزی ظاهر ویرایشگر کد

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

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

برای استفاده از این ویژگی، می‌توان به سادگی روی فایل راست کلیک کرده و گزینه « Open to the slide» را انتخاب کرد. OpenAPI قالبی است که اغلب برای نوشتن تعاریف API یا API Definitions به کار می‌رود. همچنین،‌ openapi-lint امکان استخراج کردن (Extract) به سایر فرمت‌ها شامل YAML و JSON را نیز ایجاد می‌کند.

(این ویژوال استودیو کد است و نه ویژوال استودیو) ویرایشگرهای متنی معروف دیگری که ممکن است از آن ها شنیده باشید Atom و Sublime Text هستند. در انتهای دوره آموزش vs code، توانایی استفاده از این برنامه به سبک یک برنامه نویس حرفه‌ای را بدست خواهید آورد. همچنین می‌توانید مثل یک برنامه نویس حرفه‌ای، از این ابزار برای توسعه و جلو بردن پروژه‌ها استفاده کنید. یکی از دلایل محبوبیت وی اس کد، حجم پایین، داشتن اکستنشن های کاربردی مختلف، پشتیبانی از گیت، کراس پلتفرم بودن و … است. یعنی اگر شما سیستم ضعیفی برای کدنویسی داشته باشید باز هم وی اس کد کار شما را بدون هیچ مشکل و اذیتی راه می اندازد.

به این ترتیب، می‌توان به سرعت میان فایل‌ها تغییر مکان داد. در این بخش، پیرامون موضوعات مهم و اساسی آموزش Visual Studio Code و شروع کار با آن ارائه شده است. در ابتدا به برخی سوالات رایج درباره VS Code پرداخته می‌شود. یکی از ویژگی‌های کلیدی Visual Studio Code، پشتیبانی قدرتمند آن برای «دیباگ کردن» (Debugging) است. Debugger درونی VS Code به سرعت بخشیدن در چرخه ویرایش، کامپایل و اشکال‌زدایی کدها کمک می‌کند.

حالت Zen Mode، نوار فعالیت، نوار وضعیت و نوار جنبی را مخفی می‌کند تا بتوان کدها را در حالت تمام صفحه دید. وقتی فایل خاصی در VS Code‌ باز می‌شود، در صورتی که افزونه مرتبط با آن فایل نصب نباشد، VS Code در یک پنجره مطابق تصویر زیر، نصب افزونه مناسب را پیشنهاد می‌دهد. برای مثال، اگر یک اسکریپت T-SQL باز شود، نصب افزونه «mssql» برای این نوع فایل توسط VS Code توصیه می‌شود.

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

ترمینال پیش‌فرض VS Code در ویندوز «Cmd.exe» و در لینوکس و macOS ترمینال «Bash» است. شاید به عنوان توسعه‌‌دهنده ترجیح دهید که از کنسول PowerShell به عنوان ترمینال پیش‌فرض، استفاده کنید. اگر بخواهیم فایل قبلی همین‌طور باز بماند باید از سربرگ‌های معولی استفاده کنیم. برای باز کردن فایل در سربرگ‌های معمولی می‌توان یکی از روش‌های زیر را انجام داد. ذخیره نام، ایمیل و وبسایت من در مرورگر برای زمانی که دوباره دیدگاهی می‌نویسم. ممنون از شما که درسمن را برای آموزش دیدن خود استفاده کرده اید.