آموزش vs code رایگان جامع ترین دوره آموزش وی اس کد دانشجویار

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

API ابزاری است که امکان ارتباط و همکاری قطعات نرم‌افزاری را فارغ از محل اجرا و بستر توسعه آن‌ها فراهم می‌کند. تعدادی افزونه در Visual Studio Code وجود دارد که امکان آزمایش APIها و کار با قالب‌های توصیف API در داخل ویرایشگر را فراهم می‌سازند. امکانات تکمیل کد به صورت خودکار (Auto-Code Complete) در اکثر برنامه‌های ویرایشگر کد منبع امروزی وجود دارد. ویژگی تکمیل خودکار کد به این صورت است که ویرایشگر یک کلمه یا عبارت را بر اساس آنچه برنامه‌نویس در ویرایشگر تایپ کرده است،‌ پیش‌بینی می‌کند.

استفاده خودکار از Find in Selection در زمان انتخاب چند خط

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

پس از اتمام این دوره، چه چیزی بدست می‌آوریم؟

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

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

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

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

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

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

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

اگرچه، VS Code ویرایشگری نسبتاً سبک به حساب می‌آید، اما برخی ویژگی‌های قدرتمندش آن‌را به یکی از محبوب‌ترین ابزارهای توسعه در چند وقت اخیر تبدیل کرده است. در ادامه آموزش Visual Studio Code به معرفی امکانات و ساختار رابط کاربری این ویرایشگر کد پرداخته شده است. یک برنامه ویرایشگر کد منبع، به طور معمول قابلیت‌های مختلفی را برای ویرایش کدهای نرم‌افزاری دارد. بیش‌تر ویرایشگرهای نرم‌افزار، قابلیت بررسی اعتبار قالب کد (Format Validation Check) و امکانات کپی و الصاق را ارائه می‌دهند. بیشتر برنامه‌های کامپیوتری، در یک محیط توسعه یکپارچه (IDE | Integrated Development Environment) ساخته می‌شوند. IDE معمولاً شامل یک برنامه ویرایشگر کد است که کد منبع یک برنامه را ضبط و تجمیع می‌کند.

براساس امکانات زیاد، IDE نرم افزار حجیم‌تری نسبت به یک کد ادیتور است؛ به همین دلیل حجم ویژوال استودیو بالای 20 گیگابایت است اما فایل نصبی ویژوال استودیو کد به زحمت به 70 مگابایت می‌رسد. علاوه بر آن، این امکانات زیاد باعث می‌شود که سرعت ویژوال استودیو بسیار کمتر از ویژوال استودیو کد باشد. طول مدت این دوره آموزشی ۱۹ ساعت و ۱۹ دقیقه است و مدرس آن دکتر مصطفی کلامی هریس هستند. در این دوره آموزشی که شامل ۲۱ درس است، به تمامی مباحث و امکانات مختلف زبان برنامه‌نویسی جاوا پرداخته شده است. زبان برنامه‌نویسی جاوا (Java) یکی از زبان‌های کاربردی و محبوب به شمار می‌رود و یادگیری آن برای علاقه‌مندان برنامه‌نویسی می‌تواند بسیار مفید باشد.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

این باعث می‌شود تا راحت‌تر بتوانید نظرات و بخش‌های مختلف کد را دنبال کنید. در VS Code، پیشنهاداتی برای عناصر، تگ‌ها، برخی مقادیر و تگ‌های Ionic و AngularJS نیز ارائه می‌شود. همچنین می‌توان از CSS و JavaScript نیز در داخل کدهای HTML استفاده کرد.

تنظیم زبان پیش فرض برای فایل‌های جدید

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

بر اساس اعلام وب‌سایت رسمی VS Code، این ویرایشگر کد از صدها زبان برنامه‌نویسی پشتیبانی می‌کند. جاوا اسکریپت، CSS و HTML به صورت پیش‌فرض و پایتون، C/C++‎، سی‌شارپ، جاوا، Go، دارت، PHP و روبی نیز تنها برخی از زبان‌هایی هستند که با نصب افزونه در VS Code پشتیبانی می‌شوند. در فهرست زیر، ۴ مورد از تنظیمات ویژوال استودیو کد برای کار با Git را معرفی کرده‌ایم. بعد از تغییر دادن تنظیمات ویژوال استودیو کد به شکل بالا، موقعیت Activity bar مانند تصویر زیر تغییر می‌کند.

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

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

تکنیک‌ها و میانبرهای VS Code

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

افزونه‌ی Path Intellisense

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

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

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

آموزش جامع VS Code

به همین دلیل، وجود محیطی که بتونه به برنامه نویس ها کمک کنه از زمان بهتر استفاده کنن و بهره وری بیشتری داشته باشن، موضوع خیلی ضروری بود. خوشحالیم که مقاله براتون مفید بوده.آموزش عملی کار با VSCode رو چون در قالب مقاله نمیگنجه و درخواستهای زیادی برای ویدیو داشتیم، در دوره‌های متخصص تهیه کردیم و الان هم در دسترس هست. درودتوصیه میکنم برای راحتی کار صفحه تون رو دو قسمت کنید تا نیاز به جابجایی نداشته باشید.همچنین این راهنمای تصویری live server رو ببینید تا منظورمو دقیقتر متوجه بشید. درودروی نوار سمت چپ راست کلیک کرده و بررسی کنید که گزینه Explorer تیک خورده باشه. من هر کدی رو تو vs می‌نویسم و ران می‌کنم هیچ خروجی به من نمی‌ده حتی پروژه hello world .

خطوط راهنمای دندانه گذاری درخت فایل

فقط باید توجه کنید که فونت انتخاب شده باید از تمام «لیگچرهای» (Ligatures) مورد نظر پشتیبانی کند. فونت ترمینال را هم می‌توانیم مانند فونت ادیتور پیکربندی کنیم. در تصویر زیر چند تب دلخواه را در دو ردیف مجزا دسته‌بندی کرده‌ایم. برای دسته‌بندی بهتر می‌توانیم ردیفی از سربرگ‌های پین‌ شده داشته باشیم.

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

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

با این حال اگر می خواهید از محیط های متفاوت تر IDE اسفاده کنید می توانید به Adobe Dream Weaver و Bootstrap مراجعه کنید. البته توجه داشته باشید که دو محیط ذکر شده با ویژوال استودیو کد متفاوت اند. تنظیم «Merge Editor» در ویژوال استودیو کد به توسعه دهندگان برای ویرایش و حل تعارضات کمک می‌کند. در زمان بررسی تعارضات بین کدها، VS Code، ویرایشگر مجازی را برای ادغام کدها باز می‌کند.

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

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

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

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

شما در این دوره (آموزش vscode) به صورت صفر تا صد با vscode اشنا خواهید شد. درودببینید تا جایی که من تجربه دارم این امکان به طور پیش فرض روی vscode فعال نیست. مطمئن هستید که افزونه خاصی رو نصب نکردید؟اگر از افزونه استفاده میکنید میتونید همه رو غیرفعال کنید تست کنید تا مطمئن شید.

در ادامه این بخش از آموزش Visual Studio Code هر یک از زبانه‌های نوار فعالیت که در بالا فهرست شدند، معرفی و توضیح داده شده است. در این بخش از آموزش Visual Studio Code نحوه ایجاد یک فایل جدید در VS Code‌ و نوشتن اولین برنامه در این ویرایشگر به زبان پایتون توضیح داده شده است. همچنین می‌توان VS Code‌ را از طریق خط فرمان (Terminal) در macOS با وارد کردن دستور «code» اجرا کرد.

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

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

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

علاوه بر این، به صورت منبع باز ارائه شده و دست برنامه نویسان را برای توسعه و شخصی سازی هرچه بیشتر نرم افزار باز می‌گذارد. سبک بودن و سریع بودن ویژوال استودیو کد باعث شده است تا اغلب توسعه دهندگان وب از این کد ادیتور استفاده کنند. به همین منظور سه مقاله‌ی جدا با عناوین بهترین افزونه‌های vscode  و بهترین افزونه‌های ویژوال استودیو کد برای php را برای شما در نظر گرفتیم. Visual Studio Code از ادغام چندین ارائه دهنده مدیریت کد منبع (نسخه) همچون TFS ،Git و SVN پشتیبانی می‌کند. در ادامه آموزش Visual Studio Code در قسمت معرفی بخش‌های اصلی VS Code به معرفی و آموزش زبانه Run (اجرا) پرداخته شده است. VS Code از مجموعه گسترده‌ای از زبان‌های برنامه‌نویسی شامل ++Java ،C و Python گرفته تا CSS ،Go و Dockerfile پشتیبانی می‌کند.

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