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

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

در کل، پس از اتمام دوره آموزش vs code، به تمام بخش‌های کاربردی و مهم نرم افزار visualstudio مسلط می‌شوید و می‌توانید به خوبی از آن استفاده کنید. در ادامه‌ی آموزش کار با نرم افزار ویژوال استودیو کد، به صورت گام به گام و تصویری آن را نصب کرده و یک برنامه‌ی نمونه را اجرا می‌کنیم. VSCode از زبان‌های برنامه نویسی مشهوری مانند JavaScript، Python، C++، HTML، CSS و بیش از 40 زبان برنامه نویسی دیگر پشتیبانی می‌کند.

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

{
• شاید ترمینالی که می‌‌خواهید استفاده کنید، در فهرست وجود نداشته باشد.
|}{
• سبک بودن و سریع بودن ویژوال استودیو کد باعث شده است تا اغلب توسعه دهندگان وب از این کد ادیتور استفاده کنند.
|}
• سپس در بخش باز شده، روی آیکون پوشه کلیک کرده و یک پوشه به اسم Hello World ایجاد کنید.
• همچنین می‌توانید مثل یک برنامه نویس حرفه‌ای، از این ابزار برای توسعه و جلو بردن پروژه‌ها استفاده کنید.
• در نتیجه از جابه‌جایی مداوم بین محیط ویرایشگر و مرورگر جلوگیری می‌کند.
{
• اما به غیر از این، ویژوال استودیو کد می‌تواند رنگ نماد متن نوشته شده در سربرگ‌ها را نیز تغییر دهد.
|}

سپس در بخش «Markdown» گزینه Editor را پیدا کرده و در این قسمت مقدار Paste URL As Formatted Link. با استفاده از این تنظیم، تعقیب کردن چشمی مسیر حرکت کرسر ساده‌تر شده است. سپس در بخش «Editor» مقدار گزینه Cursor Smooth Caret Animation  را به مقدار true  تغییر دهید.

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

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

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

در تصویر متحرک زیر روش کارکرد این تنظیم ویژوال استودیو کد را نمایش داده‌ایم. کد مربوط به این تنظیم در فایل «Settings.json» به شکل زیر نوشته می‌‌شود. با کمک این تنظیمات کاراکترهای مخفی را قابل مشاهده کنید. البته این تنظیم - به غیر از «Plain Text» و «Markdown» - بر روی تمام زبان‌های برنامه نویسی فعال است. بنابراین برای آن‌ها باید این تنظیم را به صورت دستی فعال کنیم. در جدول زیر، تنظیمات محیط کاربری ویژوال استودیو کد را نام برده‌ایم.

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

دوره‌های محبوب

اما به غیر از این، ویژوال استودیو کد می‌تواند رنگ نماد متن نوشته شده در سربرگ‌ها را نیز تغییر دهد. به عنوان مثال، Visual Studio Code یکی از محبوب ترین ویرایشگرهای متن است که توسط توسعه دهندگان استفاده می شود. (این ویژوال استودیو کد است و نه ویژوال استودیو) ویرایشگرهای متنی معروف دیگری که ممکن است از آن ها شنیده باشید Atom و Sublime Text هستند. در نتیجه از جابه‌جایی مداوم بین محیط ویرایشگر و مرورگر جلوگیری می‌کند. همانطور که می‌بینید، در بالا انواع زبان‌های برنامه نویسی نمایش داده می‌شود.

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

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

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

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

ارسال نظر

سپس در بخش «Files» گزینه Auto Guess Encoding  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید. سپس در بخش «Editor» گزینه Format On Save Mode  را پیدا کرده و مقدار آن را بر روی modifications  تنظیم کنید. سپس در بخش «Editor» گزینه Format On Save  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید. سپس در بخش «Editor» گزینه Format On Paste  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید. سپس در بخش «Files» گزینه Trim Final Newlines  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید.

شکل و ساختار کدهای JavaScript

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

کد مربوط به تنظیم فونت ترمینال در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. برای ذخیره کردن خودکار تغییرات بر روی فایل‌ از کلید‌های Ctrl +S استفاده می‌کنیم. در نتیجه برای «ذخیره خودکار» (Auto Save) کارها می‌توانید از تنظیمات ویژوال استودیو کد استفاده کنید.

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

طراحی صفحات وب سرور , asp.net , طراحی وب , دات نت ، آموزش ای اس پی. … ویژوال استودیو شامل بیش از 200 کد میانبر برای C# ، XML ، Html و … می باشد . در مجموعه سورس ایران سعی می کنیم علاوه بر آموزش برنامه نویسی، به مسائل مرتبط و مهارت های نرم بپردازیم تا بعدهای مختلف را پوشش دهیم. کلیه حقوق مادی و معنوی این وب سایت متعلق به شرکت آریا نرم افزار می باشد و هرگونه کپی برداری از آن بدون ذکر منبع پیگرد قانونی خواهد داشت. همراه با این تنظیم، تنظیم دیگری نیز وجود دارد که روش قالب‌بندی متن را تعیین می‌کند.

الصاق URL به فایل های زبان Markdown

اگر این 3 گام را انجام داده باشید، شما یک فایل یا صفحه HTML ایجاد کرده‌اید. را مشاهده نمی‌کنید در قسمت My Computer به قسمت View بروید و تیک گزینه File name extensions را بزنید. اکنون در پایین گزینه Open and Save یک گزینه به نام Display HTML files as HTML code instead of formatted text وجود دارد که باید تیک آن را بزنید و ذخیره کنید. همه‌ی این تگ‌ها که در صفحات وب هستند باید در داخل تگ‌های اصلی قرار بگیرند. استفاده از تنظیم validate.enabled، باعث اعتبار سنجی فایل‌های Markdown می‌شود. همچنین این تنظیم درباره وجود داشتن بعضی از خطاهای رایج نیز اطلاع‌رسانی می‌کند.

جدید ترین دوره های آموزشی

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

علت برتری VSCode بر رقبا چیست؟

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

انواع تگ در صفحات HTML

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

برای نمایش کاراکترهای فضای خالی باید در تنظیمات از گزینه boundary  استفاده کنیم. با استفاده از گزینه، تمام نماد‌های فضای خالی در دندانه‌گذاری‌ها قابل تشخیص می‌شوند. پیکربندی گزینه boundary  باعث رعایت صحیح سطح‌های دندانه‌گذاری - به طور خاص در زبان‌های پایتون و YAML - می‌شود. فایده دیگر این تنظیم در آن‌ است که دیگر کاراکتر فضای خالی را با کاراکتر «تب» (Tab) اشتباه نمی‌گیریم. شما با موفقیت ویرایشگر متن خود را تنظیم کرده و آماده ایجاد وب سایت در رایانه خود هستید. فایل خود را غالباً با ویژگی ذخیره خودکار ذخیره کرده و اگر می دانید چگونه از آن استفاده می کنید، تغییرات را با سیستم کنترل نسخه پیگیری کنید.

رو برخی ورژنهای جدید این مشکل دیده شده و تنها راه فعلی تغییر ورژن هست. درودروی نوار سمت چپ راست کلیک کرده و بررسی کنید که گزینه Explorer تیک خورده باشه. دروداحتمالا تنظیمات اجرا بهم خورده یا منوی کناری رو به اشتباه بستید. میتونید از منوی بالا گزینه run رو بزنید و start debugging و سایر موارد مربوط به اجرا هستند.

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

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

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

آموزش طراحی وب سایت با ویژوال استودیو 2012

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

این ویرایشگر دارای ویژگی‌های پیشرفته‌ای است که به کاربران، امکاناتی کاربردی را ارائه می‌دهد. برچسب‌زنی خودکار، دیباگر زنده و واحد کنترل نسخه، تنها برخی از امکاناتی هستند که در VSCode موجود است. همچنین، جامعه برنامه‌نویسی فعالی در اطراف آن تشکیل شده است که افزونه‌ها و تم‌های بسیاری را برای این ویرایشگر ایجاد کرده‌اند. در دوره آموزش html و html5 به صورت کامل و جامع از پایه ترین مباحث HTML شروع به یادگیری میکنیم تا به مباحث پیشرفته HTML5 برسیم ، با ما همراه باشید. اما اگر تصمیم بگیرید که تغییرات مورد نظر قبل از تثبیت شدن در مخزن به صورت دستی Stage شوند. همچنین علاقه‌ای به دیدن پیغام از طرف VS Code ندارید، هم باید مقدار enableSmartCommit  را بر بروی false  تنظیم کنید و هم مقدار suggestSmartCommit  را.

آشنایی با زبان های برنامه نویسی HTML، CSS و JavaScript

قبل از اینکه آموزش ساخت فایل HTML را بررسی کنیم، اول باید بدانیم HTML چیست؟ HTML مخفف کلمات «Hyper Text Markup Language» به معنی «زبان نشانه گذاری ابرمتن» است. هر صفحه از سایت که مشاهده می‌کنید در حقیقت با یک فایل یا سند HTML ایجاد شده است. VSCode یا Visual Studio Code، یک ویرایشگر متن‌باز و بسیار قدرتمند است که توسط ابرشرکت مایکروسافت توسعه داده شده است. این برنامه، به عنوان یک ابزار توسعه چند منظوره شناخته می‌شود که برای برنامه‌نویسان و توسعه‌دهندگان زبان‌های برنامه نویسی مختلف، ایده‌آل است.

فیلم آموزش نصب SQL Server 2014 با جزئیات

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

گام سوم: ذخیره کدهای HTML در نوت پد

عملیات اجرا و خطایابی (Debug) کد از این بخش انجام می‌شود. برای مثال هنگام اجرای یک کد HTML با استفاده از این بخش می‌توانید مرورگر پیش فرض را گوگل کروم انتخاب کنید. یکی از نکات جالب این است که هنگامی که وارد وب سایت می‌شوید، سایت به طور خودکار تشخیص می‌دهد که با چه سیستم عاملی در حال کار هستید. در این کد، با فراخوانی نام کلاس یک رویداد کلیک لیستنر ساخته شده که وقتی مخاطب روی دکمه کلیک کند، Alert با متنی که تعیین کرده اید نمایش داده خواهد شد. هر فایلی که ایجاد می‌شود در حقیقت باید یک پسوند داشته باشد. کلیه حقوق مادی و معنوی دوره ها متعلق به وبسایت آموزشی دانشجویار می باشد.

از طریق مدیر فایل خود به پرونده index.html در پوشه Hello World بروید. سپس در بخش باز شده، روی آیکون پوشه کلیک کرده و یک پوشه به اسم Hello World ایجاد کنید. با دوره‌های آموزشی درسمن یک قدم جلوتر از دیگران باشید. ممنون از شما که درسمن را برای آموزش دیدن خود استفاده کرده اید. بله؛ اتفاقا در جلسه چهارم این دوره شما به یادگیری کلید های میانبر خواهید پرداخت، سعی کرده ایم تا تمامی کلید های میانبری که می تواند کار شما را تسریع ببخشد استفاده کنیم.

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

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

کد مربوط به این تنظیم در فایل «Settings.json» به شکل زیر ثبت می‌‌شود. ویژوال استودیو کد رو ببیندید و فقط بعد از اتصال وی پی ان باز کنید. اگر رفع نشد به طور مستقیم فایل vsix افزونه رو از انجمن استک دانلود کنید و در بخش extensions ویژوال کدتون ایمپورت کنید. در این بخش تمامی تنظیمات مربوط به محیط کد ادیتور قابل مشاهده و ویرایش است. کلیدهای میانبری که در بخش قبل معرفی کردیم به خاطر دارید؟ با انتخاب گزینه‌ی Keyboard Shortcuts می‌توانید لیست کامل آن‌ها را مشاهده کنید. با انتخاب این گزینه، در دسکتاپ شورتکاتی برای ویژوال استودیو کد ساخته می‌شود.

به عنوان توسعه‌دهنده می‌توانیم زبان پیش‌فرضی را برای تب‌های جدید تعریف کنیم. بنابراین تب‌های جدید باز شده و هنوز ذخیره نشده‌ هم می‌‌توانند از ابزارهای کاربردی ویژوال استودیو کد برای زبان مورد نظر استفاده کنند. کد مربوط به تنظیم Format On Save  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Format On Paste  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Trim Final Newlines  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. با اینکه معمولا لازم است در انتهای فایل‌ها خط خالی قرار بگیرد اما وجود تعداد زیاد خط خالی در انتهای کد باعث بی‌نظمی و بدمنظر شدن فایل می‌‌شود.

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

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

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