آموزش Visual Studio Code از نصب تا اجرای اولین پروژه در VS Code فرادرس مجله‌

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

روش تغییر دادن ترمینال پیش‌ فرض ویژوال استودیو کد چیست؟

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

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

بعد از تغییر دادن تنظیمات ویژوال استودیو کد به شکل بالا، موقعیت Activity bar مانند تصویر زیر تغییر می‌کند. به صورت پیش‌فرض، «نوار کنار» (Side Bar) ویژوال استودیو کد در سمت چپ ویرایشگر قرار می‌گیرد. اما به‌هرحال کسانی هستند که ترجیح می‌دهند نوار کناری در سمت راست صفحه کار قرار بگیرد. زیرا با این روش، وقتی که نوار کناری را باز کرده یا می‌بندیم، تمام متن داخل ویرایشگر به صورت ناگهانی جابه‌جا نمی‌شوند. به صورت پیش‌فرض، نوار‌ابزار بخش دیباگ بر روی صفحه کار، شناور است. بنابراین همیشه دیده شده و قابل جابه‌جایی به بخش‌های مختلف ویژوال استودیو کد است.

• اما اگر از ویژوال استودیو کد با همگام‌سازی تنظیمات قدیمی استفاده کنیم، شاید غیرفعال شده باشد.
{
• یکی از قابلیت‌ها و ویژگی‌های کلیدی VS Code افزونه‌های متعددی است که اکثراً به صورت رایگان قابل نصب و استفاده هستند.
|}
• برای مثال، ما یک پیام Hello world ساده را با استفاده از زبان پایتون نوشتیم.
{
• در ادامه، نحوه ایجاد یک فایل جدید و اجرای یک برنامه ساده در VS Code آموزش داده شده است.
|}{
• اما بیشتر برنامه نویسان با این سربرگ‌ها ارتباط برقرار نمی‌کنند.
|}
• نحوه تغییر تم رنگی کد ادیتور و تغییر فونت محیط رو هم آموزش خواهید دید که برای شخصی سازی این محیط طبق سلیقه خودتون به شما کمک کنه.

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

آموزش کامل Asp.net جهت طراحی کامل صفحات وب – Clicksite.org

مطمئن هستید که افزونه خاصی رو نصب نکردید؟اگر از افزونه استفاده میکنید میتونید همه رو غیرفعال کنید تست کنید تا مطمئن شید. دو گزینه Appearance و Editor Layout برای تغییر ظاهر محیط براساس نیازتون هست. این راهکار و یا سایر نظرات همون صفحه رو ببینید، ایشالا مشکلتون رفع میشه. درودیکبار نرم افزار رو پاک کرده، سیستم رو ریست و مجددا نرم افزار رو نصب کنید.

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

شروع کدنویسی با Vs Code - بخش دوم

در نتیجه سفارشی‌سازی مناسب محیط کار و رابط کاربری آن تاثیر بسیار زیادی در کسب تجربه کاربری خوب و تسلط بیشتر بر پروژه دارد. اما طراحان VS Code تنظیمات بسیار زیاد دیگری هم برای آن معرفی کرده‌اند. Enabled  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید. سپس در بخش «Markdown» گزینه Editor را پیدا کرده و در این قسمت مقدار Paste URL As Formatted Link.

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

فایل HTML خود را در مرورگر مشاهده کنید

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

آموزش HTML CSS به زبان ساده (رایگان – جدید) – وبسافت3

فایل نصب VS Code حدوداً ۶۰ مگابایت حجم دارد و دانلود آن چندان زمان‌بر نخواهد بود. پس از دانلود نسخه منطبق بر سیستم‌عامل، مراحل نصب VS Code آغاز می‌شود. در ادامه این بخش از آموزش Visual Studio Code، مراحل نصب این ویرایشگر کد منبع به طور کامل فهرست شده است. در این بخش از آموزش Visual Studio Code، نحوه نصب این ویرایشگر در ویندوز شرح داده شده است. ابتدا باید به صفحه دانلود سایت Visual Studio Code [+ّ] رفته و پلتفرم دلخواه برای نصب نرم‌افزار (در این مورد، ویندوز) را انتخاب کرد. در این صفحه، لینک‌های دانلود فایل نصب برای سیستم‌عامل‌های ویندوز، لینوکس و مک OS موجود است.

به این ترتیب Visual Studio Code سینتکس .html را برجسته می کند. با هر زبان جدیدی که یاد می گیرید، Visual Studio Code متن را به گونه ای برجسته می کند که خواندن کد شما را آسان می کند. فایل خود را غالباً با ویژگی ذخیره خودکار ذخیره کرده و اگر می دانید چگونه از آن استفاده می کنید، تغییرات را با سیستم کنترل نسخه پیگیری کنید. بنابراین، ما ویرایشگر متن خود را انتخاب کرده ایم، اکنون فقط باید آن را در رایانه خود نصب کنیم! روند نصب رایانه های دارای MacOS ،Windows و Linux بسیار مشابه خواهد بود و استفاده از Visual Studio Code در همه آن ها یکسان خواهد بود.

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

آموزش ساخت فایل html در VSCode (سند خام html)

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

این دوره پروژه ای نداره ولی شما بعد از این دوره به طور کامل با محیط VSCODE  اشنا میشید و به راحتی میتونید با افزونه های مختلف کار کنید و محیط کاری خودتون رو شخصی سازی کنید. اما به طور کلی روزانه دو تا چهار ساعت میشه بعد دو هفته با تیلویند پروژه های خوبی توسعه داد و چند نمونه کار خوب قابل تزریق به روزمه اماده کرد. این دوره مطالب پیچیده و سختی نداره و شما میتونید به راحتی با گذاشتن چند ساعت وقت برای این دوره به مطالب مسلط بشید و مثل یک متخصص با vs code کار کنید. شما در این دوره (آموزش vscode) به صورت صفر تا صد با vscode اشنا خواهید شد. درودببینید تا جایی که من تجربه دارم این امکان به طور پیش فرض روی vscode فعال نیست.

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

آموزش Blazor از مقدماتی تا پیشرفته به همراه چند پروژه عملی و کاربردی

چراکه در ویژوال استودیو کد نیز می‌توان یک پروژه را به برنامه‌های کنترل نسخه پروژه مانند Git متصل کرد. برای دیدن خروجی از افزونه Live Server که پیش‌تر نصب شد استفاده می‌شود. باید روی فایل index.html راست کلیک کرده (فایلی که در داخل فولدر Portfolio قرار دارد) و گزینه «Open with Live Server» را انتخاب کرد. یک پنجره مرورگر باز می‌شود و اولین وب‌سایت ایجاد شده با HTML در VS Code را نمایش می‌دهد. افزون بر امکان کدنویسی،‌ VS Code می‌تواند از موارد کاربردی متعدد دیگری نیز پشتیبانی کند. در ادامه، چهار روش برای استفاده از VS Code با هدف بهبود سطح کیفی فرآیند توسعه و فراتر از یک ویرایشگر متن ساده، ارائه شده است.

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

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

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

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

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

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

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

آموزش کاربردی انواع تگ های پرکاربرد Html آموزش‌های استوایی

کد مربوط به این تنظیمات در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. در فهرست زیر، مهم‌ترین تنظیمات ویژوال استودیو کد را درباره قالب‌بندی‌ و فایل‌ها معرفی کرده‌‌ایم. کد مربوط به تنظیم Tool Bar Location  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Compact Folders  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود.

۵ فیلم فوق‌العاده برای یادگیری زبان فرانسوی

استفاده کردم.اگر براتون مقدور است آموزش عملی کار با ویژوال استودیو کد رو با یکی از زبانها ترجیحا جاواسکریپت یا پایتون هم بگذارید. سلامآیا سرفصل آموزش کدنویسی در نرم افزار visual studio code رو در همین مقاله مطالعه کردید؟ همون پاراگراف اولش درمورد اینکه نوع فایل رو چطور پایتون کنید توضیح دادیم. ویژوال استودیو کد رو ببیندید و فقط بعد از اتصال وی پی ان باز کنید.

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

استفاده از تنظیم validate.enabled، باعث اعتبار سنجی فایل‌های Markdown می‌شود. همچنین این تنظیم درباره وجود داشتن بعضی از خطاهای رایج نیز اطلاع‌رسانی می‌کند. به عنوان مثالی از این خطاها می‌توان به «لینک‌های خراب» (Broken Links) به صفحات یا تصاویری اشاره کرد که وجود ندارند. شاید ترمینالی که می‌‌خواهید استفاده کنید، در فهرست وجود نداشته باشد. در این صورت هم می‌توانید آن را به فهرست ترمینال‌های خود اضافه کنید.

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

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

شاید ترجیح بدهید که به‌ صورت مستقیم فایل «Settings.json» را تغییر دهید. برای رسیدن به این فایل‌ هم باید آن را با استفاده از دکمه تعبیه شده در گوشه بالا سمت راست پنجره تنظیمات باز کنید. البته توجه کنید فایل «Settings.json» فقط تنظیماتی را نشان می‌دهد که مقدار پیش‌فرض آن‌ها تغییر کرده است. درودحقیقتا بنده با این زبان کار نکردم اما معمولا ویژوال کد مشکلی در نمایش utf-8 نداره. تنها راه حلی که به ذهنم میرسه همون جیسون ادیتوره که اونم میفرمایید تست کردید. کامنت تون رو تایید میکنم اگر فردی تجربه ای داشت بتونه کمک تون کنه.

چه مواردی را در این دوره یاد خواهید گرفت؟

درودفایل لاگ رو چک کنید ببینید اونجا چه خطایی میده، متن خطا رو بفرستید تا بتونم کمک تون کنم. درود احتمالا به زبان جاوا یا کاتلین نوشتید.کافیه سه خط از کدتون رو اینجا بفرستید تا بتونم کمکتون کنم. درودحقیقتا یکم با ویندوز 7 کارها سخت هست و چنین خطاهای عجیبی رو دریافت خواهید کرد. پیشنهاد میکنم در گام اول ویندوز رو به ده ارتقا بدید تا چند سال براتون کار کنه و سر نصب موارد بعدی به دردسر نیفتید. دکمه‌های ctrl+space رو بزنید باید موارد رو بهتون پیشنهاد بده و اگر نشد، از بخش اکستنشنها IntelliSense مربوط به بیسیک رو نصب کنید.

Struct چیست؟ – توضیح Structure در زبان C و دیگر زبان ها

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

سپس در بخش «Files» گزینه Trim Trailing Whitespace  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید. سپس در بخش «Files» گزینه Auto Save  را پیدا کرده و مقدار آن را بر روی afterDelay  تنظیم کنید. همچنین گزینه Auto Save Delay  را پیدا کرده و مقدار آن را بر روی تنظیم کنید. Location  را پیدا کرده و مقدار آن را بر روی top  تنظیم کنید.

۳. نحوه دانلود و نصب VS Code

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

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

بله؛ اتفاقا در جلسه چهارم این دوره شما به یادگیری کلید های میانبر خواهید پرداخت، سعی کرده ایم تا تمامی کلید های میانبری که می تواند کار شما را تسریع ببخشد استفاده کنیم. برای شروع از قسمت File روی گزینه Add Folder to Workspace کلیک کنید. لطفا پرسش مربوط به هر درس یا ویدئو دوره را در صفحه همان ویدئو مطرح کنید.

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

سپس در بخش «Git» گزینه Autofetch  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید. Cursor Style  را پیدا کرده و مقدار آن را بر روی line  تنظیم کنید. Font Family  را پیدا کرده و مقدار آن را بر روی CaskaydiaCove Nerd Font Mono  تنظیم کنید.