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

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

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

برای پیکربندی این تنظیمات می‌توان ۲ حالت مختلف را در نظر گرفت. برای اعمال این تنظیم، ابتدا وارد فایل «Settings.json» برای تنظیمات شوید. Font Ligatures  را به صورت دستی با مقدار true  تنظیم کنید. ویژوال استودیو کد یک ویرایشگر کد منبع سبک است که دارای ویژگی های پیشرفته IDE است و بر روی ویندوز، لینوکس و macOS اجرا می شود. این امکان دسترسی آسان به بسیاری از برنامه های افزودنی برای ویژگی های اضافی و پشتیبانی از زبان هایی مانند C #، C ++، Python، Java و غیره را فراهم می کند.

اما بعد از اعمال تنظیم "editor.cursorSmoothCaretAnimation بر روی on حرکت کرسر به شکل زیر می‌شود. همین‌طور که می‌بینید در تصویر بالا، فضاهای خالی ایجاد شده با دکمه «Space» به شکل نقطه و فضاهای خالی ایجاد شده با دکمه تب به شکل فلش کم رنگ دیده می‌شوند. برای نصب افزونه‌ها، به بخش Extensions بروید و افزونه دلخواه خود را جستجو و نصب کنید. سلام دوست عزیز، لطفا سوالات خودتون رو در انجمن پرسش و پاسخ درسمن مطرح کنید، تا کارشناسان سریع تر جواب مورد نظرتون رو بدهند، این قسمت بخش نظرات دوره هست.

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

و کلی نکات ریز و درشت دیگه که در طول دوره با شما به اشتراک گذاشته میشه. این وب‌سایت یک موتور جستجوگر اینترنتی است و هیچ دخالت انسانی در دریافت و چینش مطالب وجود ندارد. برای اطلاع دقیقتر میتونید عبارت Which language is Visual Studio Code written in رو سرچ کنید و یا به اسناد ماکروسافت مراجعه کنید. درودنباید با چنین مشکلی مواجه بشید اما بهتره برای اطمینان از vpn استفاده کنید. درود متن دقیق خطایی که میگیرید رو بفرستید تا بتونم کمک تون کنم. درودبه صورت آفلاین اجرا میشه و میتونید کلا نت رو قطع کنید.

مهم‌ترین آزمون‌ های زبان انگلیسی

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

بعد از اعمال تنظیم بالا، فضاهای خالی در کدهای نوشته شده به شکل زیر نشان داده می‌شوند. سلام دوست عزیز، بله درست میگید، در اسرع وقت تغیرات لازم اعمال می کنیم، از شما ممنونیم که با ما همراه هستید و دوره از دید شما امتیاز کافی را گرفته، بسیار خشنود کننده است. نام فایل جدید را با پسوند فایل مناسب آن تایپ کنید (به عنوان مثال .html ،.css ،.csv). مهم است که پسوند فایل را به درستی وارد کنید، بنابراین برنامه هایی مانند linter ها می دانند که چگونه محتوای آن را تفسیر کنند. قبل از اینکه یاد بگیرید چگونه می توانید فایل ها را به یک پوشه پروژه اضافه کنید، مهم است که هدف از پسوند فایل ها را بدانید.

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

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

• شاید ترمینالی که می‌‌خواهید استفاده کنید، در فهرست وجود نداشته باشد.
{
• حالا با کلیک روی فایل اسکریپت مورد نظر می‌توان آن را در پنجره ویرایشگر Query باز کرد.
|}{
• بنابراین شما همین الان به صورت مستقیم می‌توانید وارد دوره آموزشی Visual Studio Code شوید.
|}{
• در ادامه‌ی آموزش کار با نرم افزار ویژوال استودیو کد، به صورت گام به گام و تصویری آن را نصب کرده و یک برنامه‌ی نمونه را اجرا می‌کنیم.
|}
• یکی از امکانات مفید و کاربردی VS Code‌، بخش Command Pallete است که دسترسی به کلیه امکانات را در این ویرایشگر تسهیل می‌بخشد.
• برای مثال، افزونه vscode-database اتصال سریع و جستجو در MySQL و PostgreSQL را فراهم می‌کند.

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

Enable Sticky Scroll  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Color Customizations  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. Indent  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Font Family  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود.

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

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

با نصب افزونه Quokka، هم‌‌زمان با تایپ کردن کد در ویرایشگر، کدها اجرا شده و خروجی به شما نشان داده می‌شود. اگر کد دارای خطا یا هشدار باشد نیز همان‌جا به شما نمایش داده شده و شما را راهنمایی می‌کند. همچنین با استفاده از منوی سمت چپ و تب چهارم (Run) نیز می‌توانید عملیات اجرا و خطایابی (Debug) کد را انجام دهید که بسته به هر زبانی تنظیمات مخصوص به خود را دارد. همانطور که می‌بینید، در این بخش باید تنظیمات کلی ویژوال استودیو را مشخص کنید.

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

اکنون زمان اعمال تنظیمات مناسب بر روی فایل‌هایی است که با آن‌ها کار می‌کنیم. استفاده از این تنظیمات هم باعث افزایش سرعت کار شده و هم نظم بیشتری به اجرای پروژه‌ها می‌دهد. کد مربوط به این تنظیم در فایل «Settings.json» باید به شکل زیر نوشته شود.

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

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

آموزش Asp.Net Core پروژه محور

سپس در بخش «Files» گزینه Default Language  را پیدا کرده و مقدار آن را - با توجه به مثال بالا - بر روی powershell  تنظیم کنید. سپس در بخش «Files» گزینه Auto Guess Encoding  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید. سپس در بخش «Editor» گزینه Format On Save Mode  را پیدا کرده و مقدار آن را بر روی modifications  تنظیم کنید. سپس در بخش «Editor» گزینه Format On Save  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید.

البته می‌توان آن را به «مرکز فرمان» (Command Center) هم انتقال داد. با این روش همیشه می‌توان نوار‌ابزار دیباگ‌ کردن را دید و به آن دسترسی داشت. در ضمن روی هیچ بلوک و ابزار کنترلی دیگری را هم نمی‌پوشاند. تنظیم «خطوط راهنمای دندانه‌گذاری درخت فایل» در ویژوال استودیو کد باعث می‌شود که خطوط عمودی نازکی در درخت فایل رسم شوند. با کمک این خطوط به سادگی می‌توان تشخیص داد که کدام فایل‌ها درونه کدام فولدر قرار دارند. به صورت پیش‌فرض این خطوط فقط زمانی نشان داده می‌شوند که ماوس را بر روی درخت فایل نگهدارید.

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

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

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

اکنون، در این بخش از آموزش Visual Studio Code برخی از رایج‌ترین و کاربردی‌ترین کلیدهای میانبر در VS Code‌ معرفی شده‌اند. با استفاده از گزینه «Settings and Key Bindings» در صفحه Welcome، می‌توان به افزونه‌های میانبر صفحه کلید برای ویرایشگرهای مختلف دسترسی پیدا کرد. مراحل بعدی نصب مورد خاصی برای توضیح و آموزش ندارد و به سادگی با زدن Next و در انتها زدن گزینه Finish این مراحل نصب پایان می‌یابد و نصب Visual Studio Code روی ویندوز کامل می‌شود. در ادامه آموزش Visual Studio Code به آموزش نصب این ویرایشگر کد روی سیستم عامل macOS پرداخته شده است. در این بخش از آموزش Visual Studio Code نحوه نصب این ویرایشگر کد منبع در سه پلتفرم ویندوز، مک و لینوکس آموزش داده شده است. Visual Studio Code به صورت داخلی دارای انضمام گیت (Git) است.

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

نصب افزونه‌ها در ویژوال استودیو – آموزش پی اچ پی … ما در دوره آموزش برنامه‌نویسی پی اچ پی (php) قصد داریم درباره HTML نیز کمی صبحت کنیم. در این دوره ما می خواهیم که آموزش کامل html,css,css۳ و پیاده سازی وب سایت و به صورت پروژه های و عملی را با نرم افزار visual studio code انجام دهیم. به عنوان کاربر، می‌توانیم چندین فونت مختلف برای ویژوال استودیو کد مشخص کنیم. VS Code اولین فونت در دسترس را - از بین فونت‌های معرفی شده - استفاده خواهد کرد. کد مربوط به این تنظیم در فایل «Settings.json» به شکل زیر نشان داده می‌‌شود. اما اگر از ویژوال استودیو کد با همگام‌سازی تنظیمات قدیمی استفاده کنیم، شاید غیرفعال شده باشد.

برخی از مباحث و موضوعات این دوره شامل انواع داده‌ها، انواع عملگرها، دستورات cin و cout، ساختارهای تکرار (for ،while و do while)، تابع، آرایه و سایر موارد است. این امکانات برای هر توسعه‌دهنده‌ای بسیار کاربردی محسوب می‌شوند. در VS Code، می‌توان قالب‌بندی کد جاوا اسکریپت و کدهای سایر زبان‌های برنامه‌نویسی را انجام داد. برای دسترسی به امکانات ذکر شده در بالا، می‌توان در داخل فایل کدها راست کلیک کرد. VS Code‌ ویرایشگر محبوب و پراستفاده‌ای است و مزایای بسیاری دارد که در این بخش تنها به برخی از آن‌ها اشاره شد. در ادامه مطلب آموزش Visual Studio Code به برخی از معایب و کاستی‌های این ویرایشگر کد اشاره شده است.

دوره آموزشی VSCode به شما کمک می‌کند تا کار با ویرایشگر حرفه‌ای را یاد بگیرید که در نهایت بتوانید از آن برای توسعه پروژه‌های خود استفاده کنید. برای نوشتن کدهای HTML ، تنها یک ادیتور متن مانند Notepad ویندوز و یا نرم افزار های مرتبط با HTML همچون فرانت پیج یا ویژوال استودیو نیاز است . اگر در فکر ورودی قدرتمند به حوزه برنامه نویسی و طراحی وب هستید آموزش html و css پایه کار است. تنظیم مربوط به افزودن خط خالی به انتهای فایل، در هر زمان که کار برنامه نویس با کدهای خود تمام می‌شود - همزمان با ذخیره‌سازی مطلب - خط خالی را به انتهای فایل اضافه می‌کند. این ابزار به طور خاص در زمان کار کردن با فایل‌های متنی مفید است که باید در دسترس سیستم‌های یونیکسی قرار بگیرند.

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

نظرات کاربران در رابطه با این دوره

به همین دلیل در این مطلب از مجله فرادرس، مفید‌ترین تنظیمات ویژوال استودیو کد را معرفی کرده‌ایم. البته شاید نیاز به تغییر دادن همه این تنظیمات نباشد، اما به عنوان برنامه نویس و کاربر این کد ادیتور خوب است که با آن‌ها آشنایی کافی داشته باشیم. ابتدا تمام تنظیمات را با توجه به کارکردشان توضیح داده و سپس روش اعمال تغییر در آن‌ها را نیز بررسی کرده‌ایم. VSCode (ویژوال استدیو کُد) نامی آشنا در بین کد ادیتورهای محبوب دنیاست. از زمانی که این ویرایشگر توسط مایکروسافت عرضه شده است توسعه‌دهندگان بسیار زیادی شروع به توسعه اپلیکیشن‌های‌شان با استفاده از این ابزار کرده‌اند. از مهمترین ویژگی‌های این ادیتور می‌توان به متن‌باز/رایگان بودن، چندسکویی بودن، قابلیت بالا در پشتیبانی از زبان‌های برنامه‌نویسی مختلف و...

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

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

سپس در بخش «Editor» مقدار گزینه Cursor Style  را که در حالت پیش‌فرض بر روی line  تنظیم شده تغییر دهید. برای استفاده از این نقشه به‌جای نوار اسکرول معمولی، ابتدا وارد محیط گرافیکی تنظیمات شوید. ویژوال استودیو کد یک ویرایشگر کد متن باز است و با زبان‌های برنامه نویسی جاوا، جاوا اسکریپت، تایپ اسکریپت، html و  css نوشته شده است. اما سرعت رشد آن بسیار بالا بود، به طوری که ویژوال استودیو کد جزء سه ویرایشگر کد پر استفاده  و برتر جهان شناخته شده است.

این محیط همچنین برای اینکه سرعت کد نویسی شما رو افزایش بده ، مجموعه ای از قطعه کدهای کوتاه آماده کرده تا با استفاده از اونها به این هدف برسید. اگر همچنان با نت نمیتونید نصب کنید بفرمایید تا با کمک هم حلش کنیم. دروداز منوی بالا تب view میتونید با تیک زدن موارد appearance و editor layout موارد موردنیازتون رو در محیط اضافه کنید. درودمشکل از آدرس تصویری است که در تگ بهش دادید، در اون آدرس تصویری وجود نداره و برای همین این خطا رو میده. درودباید از افزونه برای اینکار استفاده کنید و خودکار نمیشه سینک کرد.

در این دوره آموزشی که شامل ۲۱ درس است، به تمامی مباحث و امکانات مختلف زبان برنامه‌نویسی جاوا پرداخته شده است. زبان برنامه‌نویسی جاوا (Java) یکی از زبان‌های کاربردی و محبوب به شمار می‌رود و یادگیری آن برای علاقه‌مندان برنامه‌نویسی می‌تواند بسیار مفید باشد. بر اساس اعلام وب‌سایت رسمی VS Code، این ویرایشگر کد از صدها زبان برنامه‌نویسی پشتیبانی می‌کند. جاوا اسکریپت، CSS و HTML به صورت پیش‌فرض و پایتون، C/C++‎، سی‌شارپ، جاوا، Go، دارت، PHP و روبی نیز تنها برخی از زبان‌هایی هستند که با نصب افزونه در VS Code پشتیبانی می‌شوند. در فهرست زیر، ۴ مورد از تنظیمات ویژوال استودیو کد برای کار با Git را معرفی کرده‌ایم.

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

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

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

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

Bracket Pairs  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. Enable Preview  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Pinned Tab Sizing  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به این تنظیم در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. همین‌طور که می‌دانیم، VS Code برای اعلام بعضی از شرایط از نماد‌های مختلفی در نام‌ سربرگ‌ها استفاده می‌کند. برای مثال، با کمک نماد‌ «M» می‌تواند بگوید که فایل مورد نظر ویرایش شده است.

اما به غیر از این، ویژوال استودیو کد می‌تواند رنگ نماد متن نوشته شده در سربرگ‌ها را نیز تغییر دهد. کد مربوط به تنظیم Cursor Blinking  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Cursor Style  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. علاوه بر فعال کردن Minimap با استفاده از تنظیمات متنوع می‌توانیم آن را سفارشی‌سازی هم بکنیم. بنابراین توصیه می‌کنیم که انواع تنظیمات را امتحان کرده و گزینه مناسب خود را انتخاب کنید.

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

برنامه دانلود سورس سایت

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

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

چه سیستم عامل‌هایی توسط VS Code پشتیبانی می‌شوند؟

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

همچنین رایگان بودن آن باعث شده تا بدون نیاز به هیچگونه پرداختی از امکانات آن استفاده کنید. در دوره آموزش html و html5 به صورت کامل و جامع از پایه ترین مباحث HTML شروع به یادگیری میکنیم تا به مباحث پیشرفته HTML5 برسیم ، با ما همراه باشید. ترمینال متصل شده به VS Code، دارای بافری است که برای انجام عملیات «Scrollback» به‌ کار برده می‌شود.

در ادامه این بخش از آموزش Visual Studio Code در خصوص سربرگ مدیریت منبع توضیحات مختصری ارائه شده است. در پایین محل جستجو، تمام رویداد‌های کلیدواژه مورد نظر در همه فایل‌های ویرایشگر نشان داده می‌شود. می‌توان اطلاعات مربوط به نسخه Visual Studio Code‌ فعلی نصب شده روی یک پلتفرم خاص را در قسمت «درباره» (About) یافت.

اگر نیاز به ادامه کار از محل برنامه‌نویسی قبلی وجود داشته باشد، باید دستور code را بدون «n-» که به آن Flag گفته می‌شود، وارد کرد. اگر نیاز به باز کردن VS Code در یک پوشه خاص وجود دارد، باید به محل پوشه مربوطه رفته و دستور «code -r» را وارد کرد. حالا همه چیز برای نوشتن کد در محیط ویرایشگر Visual Studio Code آماده است. در ادامه، نحوه ایجاد یک فایل جدید و اجرای یک برنامه ساده در VS Code آموزش داده شده است. یک «فضای کاری» (Workspace) در VS Code، معمولاً به پوشه محل ذخیره یک پروژه اطلاق می‌شود.

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

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