بهترین افزونه های vs code برای پایتون + (آموزش تصویری نصب)

بهترین افزونه های vs code برای پایتون
بهترین افزونه های vs code برای پایتون

در برنامه نویسی با زبان پایتون در vs code به افزونه ها یا extensionها نیاز داریم. در این مقاله “بهترین افزونه های vs code برای پایتون” که به آن‌ها نیاز دارید را معرفی می‌کنیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش اول
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش اول

 

افزونه های vs code برای برنامه نویسی پایتون بخش دوم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش دوم

منظور از extension چیست؟ یک سری پکیج‌هایی هستند که از قبل آماده شدند و به ما این امکان را می‌دهند که کدنویسی را راحت‌تر انجام دهیم. به عنوان مثال فرض کنیم ما وارد explorer می‌شویم و از قسمت مشخص شده یک file جدید ایجاد می‌کنیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش سوم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سوم

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهارم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهارم

 

افزونه های vs code برای برنامه نویسی پایتون بخش پنجم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش پنجم

می‌خواهیم یک فایل HTML ایجاد کنیم. نام آن را index.html قرار می‌دهیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش ششم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش ششم

 

افزونه های vs code برای برنامه نویسی پایتون بخش هفتم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش هفتم

کلمه html را در زیر تایپ می‌کنیم. به مواردی که در این قسمت ظاهر می‌شود، intellisence می‌گویند.

 

افزونه های vs code برای برنامه نویسی پایتون بخش هشتم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش هشتم

با نوشتن کلمه‌ی html، Intellisence ما فعال شد و در تصویر فوق برای ما گزینه‌ها را نمایش داده است که با کلیک کردن روی گزینه دوم کدهای مربوط به document html را به صورت کامل برای ما می‌نویسد.

 

افزونه های vs code برای برنامه نویسی پایتون بخش نهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش نهم

برای مثال ما می‌خواهیم از کلاس‌های بوت استرپ استفاده کنیم که شاید با آن آشنایی نداشته باشید اما ما می‌خواهیم از آن استفاده کنیم. در قسمت مشخص شده در تصویر زیر می‌نویسیم container. چیزی مشخص نیست.

افزونه های vs code برای برنامه نویسی پایتون بخش دهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش دهم

Container یکی از کلاس‌های مربوط به بوت استرپ است. وارد extensionها می‌شویم. در کادر مشخص شده bootstrap را سرچ می‌کنیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش یازدهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش یازدهم

Bootstrap 3 Snippets را نصب می‌کنیم. روی install کلیک می‌کنیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش دوازدهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش دوازدهم

 

افزونه های vs code برای برنامه نویسی پایتون بخش سیزدهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سیزدهم

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهادهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهادهم

ممکن است کمی طول بکشد.

 

افزونه های vs code برای برنامه نویسی پایتون بخش پانزدهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش پانزدهم

اکنون نصب انجام شده است.

 

افزونه های vs code برای برنامه نویسی پایتون بخش شانزدهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش شانزدهم

می‌نویسیم bs3container. اولین گزینه را که بزنیم، container را برای ما می‌آورد.

 

افزونه های vs code برای برنامه نویسی پایتون بخش هفدهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش هفدهم

یا اینکه bs3form را تایپ کنیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش هجدهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش هجدهم

بر روی گزینه اول کلیک می‌کنیم

 

افزونه های vs code برای برنامه نویسی پایتون بخش نوزدهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش نوزدهم

تگ‌های کامل form را برای ما ایجاد می‌کند. به آن Intellisence می‌گویند. چندین extension است که ما در این دوره‌ی آموزشی به آن احتیاج داریم.
همه موارد قبلی را پاک می‌کنیم به حالت عادی برمی‌گردیم. مجدد وارد تب extension می‌شویم. recommended را هم می‌بندیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش بیستم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش بیستم

Popular را هم می‌بندیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش بیست و یکم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش بیست و یکم

 

افزونه های vs code برای برنامه نویسی پایتون بخش بیست و دوم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش بیست و دوم

با آن کاری نداریم. یکی از extensionهایی که به آن احتیاج داریم، python است.

 

افزونه های vs code برای برنامه نویسی پایتون بخش بیست و سوم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش بیست و سوم

 

افزونه های vs code برای برنامه نویسی پایتون بخش بیست و چهارم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش بیست و چهارم

Python را در بالا سرچ می‌کنیم. extensionهای آن را برای ما لیست کرده است. هرکدام را بخواهیم می‌توانیم انتخاب کنیم. گزینه‌ی اول ۵۵ میلیون دانلود داشت. ما با همین سروکار داریم. روی آن کلیک می‌کنیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش بیست و پنجم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش بیست و پنجم

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

برخی خدمات پیشنهادی:

در سایت انجام پروژه های دانشجویی کارت پروژه خدمات متنوعی در زمینه پروژه های دانشگاهی و نرم افزارها ارائه میشود. در زیر برخی از این موارد را آورده‌ایم:

انجام پروژه پایتون   |   انجام پروژه برق   |   انجام پروژه مکانیک   |   انجام پروژه کامپیوتر

انجام پروژه برنامه نویسی   |   انجام پروژه ماشین لرنینگ   |   انجام پروژه هوش مصنوعی

انجام پروژه شبکه عصبی

 

افزونه های vs code برای برنامه نویسی پایتون بخش بیست و ششم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش بیست و ششم

صبر می‌کنیم که نصب انجام شود. نباید زمان زیادی طول بکشد.

 

افزونه های vs code برای برنامه نویسی پایتون بخش بیست و هفتم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش بیست و هفتم

عملیات نصب این extension هم به اتمام رسید و کار آن تمام شد. فعلا کفایت می‌کند. جلوتر هم در مورد extensionهای دیگر صحبت می‌کنیم که به آنها احتیاج داریم و آنها را هم باهمدیگر نصب می‌کنیم.
Extension بعدی که در این دوره به آن نیاز داریم، که البته اجباری هم نیست ولی ما به طور کلی به آن علاقه‌مندیم، بحث material theme است. وقتی که material را تایپ می‌کنید، material icon theme و همین‌طور material theme را می‌آورد.

 

افزونه های vs code برای برنامه نویسی پایتون بخش بیست و هشتم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش بیست و هشتم

منظور از material icon theme چیست؟

 

افزونه های vs code برای برنامه نویسی پایتون بخش بیست و نهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش بیست و نهم

ما یک file جدید ایجاد می‌کنیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش سی ام
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سی ام

 

افزونه های vs code برای برنامه نویسی پایتون بخش سی و یکم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سی و یکم

 

افزونه های vs code برای برنامه نویسی پایتون بخش سی و دوم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سی و دوم

نام آن را index.html قرار می‌دهیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش سی و سوم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سی و سوم

دقت کنید که وقتی پسوند html را قرار می‌دهید، در این قسمت یک آیکن نارنجی رنگ دیده می‌شود. این آیکن، آیکن پیش‌فرض است.
برای مثال اگر پسوند آن را به css تغییر ‌دهیم، آیکن آن به # تغییر می‌کند که به رنگ آبی در تصویر زیر مشاهده می‌کنید.

 

افزونه های vs code برای برنامه نویسی پایتون بخش سی و چهارم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سی و چهارم

این بار پسوند py را برای آن قرار می‌دهیم. مشاهده می‌کنید که آیکن به شکل زیر تغییر می‌کند.

 

افزونه های vs code برای برنامه نویسی پایتون بخش سی و پنجم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سی و پنجم

آیکن پایتون را قرار داده است. پس پسوند فایل‌های پایتون py است. جلوتر هم در مورد آن صحبت می‌کنیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش سی و ششم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سی و ششم

وقتی که اکستنشن material icon themes را نصب می‌کنید، با توجه به آن اکستنشنی که برای فایلتان در نظر می‌گیرید (پسوند فایلی که مورد نظرتان است، file extension می‌باشد)، آیکن آن را تغییر می‌دهد.

 

افزونه های vs code برای برنامه نویسی پایتون بخش سی و هفتم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سی و هفتم

 

افزونه های vs code برای برنامه نویسی پایتون بخش سی و هشتم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سی و هشتم

برای مثال برای css یک آیکن به شکلی که مشاهده می‌کنید در نظر گرفته است.

 

افزونه های vs code برای برنامه نویسی پایتون بخش سی و نهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش سی و نهم

هر چیزی برای خودش آیکن خاصی دارد.
برای مثال index.html را تایپ می‌کنیم. مشاهده می‌کنید وقتی که آن را نصب کردیم، آیکن آن نمایش داده شده است. البته set icon را هم می‌زنیم تا درست شود.

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهلم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهلم

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهل و یکم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهل و یکم

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهل و دوم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهل و دوم

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهل و سوم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهل و سوم

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهل و چهارم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهل و چهارم

از این قسمت یک فایل دیگر درست می‌کنیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهل و پنجم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهل و پنجم

برای مثال می‌نویسیم style.css که مشاهده می‌کنید آرم css را نشان داده است.

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهل و ششم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهل و ششم

این بار Style.py را تایپ می‌‌کنیم. مشاهده می‌کنید که آیکن تغییر کرده است.

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهل و هفتم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهل و هفتم

فعلا با این فایل‌ها کاری نداریم.
اکستنشن دیگری که وجود دارد، material theme است.
برای theme خود این text editor است. می‌توانید از‌ آن استفاده کنید.

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهل و هشتم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهل و هشتم

Themeهای مختلفی دارد.

 

افزونه های vs code برای برنامه نویسی پایتون بخش چهل و نهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش چهل و نهم

آن را هم install می‌کنیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش پنجاهم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش پنجاهم

مشاهده می‌کنید که theme آن تغییر کرد.
هر کدام که بخواهید را می‌توانید از این قسمت استفاده کنید.

برخی مقالات پیشنهادی:

 

افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و یکم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و یکم

 

افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و دوم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و دوم

 

افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و سوم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و سوم

 

افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و چهارم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و چهارم

Themeهای مختلفی دارد می‌توانید از رنگ‌های مختلف استفاده کنید. مثلا ما می‌خواهیم Darker را انتخاب کنیم.

 

افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و پنجم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و پنجم

 

افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و ششم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و ششم

اگر بخواهیم باز هم تغییری بدهیم، control key, T را اگر بزنیم، این تب برای ما باز می‌‌شود و می‌توانید theme مورد نظرتان را از این قسمت انتخاب کنید.

ممکن است به مطالعه مقالات زیر هم علاقه داشته باشید:

 

افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و هفتم
معرفی افزونه های vs code برای برنامه نویسی پایتون بخش پنجاه و هفتم

 

برای ثبت سفارش لطفا در تلگرام یا واتساپ یا ایتا به شماره 09104503300 پیام دهید.