Code Module | کد ماژول
1.92K subscribers
357 photos
42 videos
6 files
356 links
Hello World 🌎

<> Earth is programmable if you code it </>

Group 👇🏻
@CodeModuleGap

Contact Us 👇🏻
@MrShahiin
@neoMahan
Download Telegram
بین phpstorm و vscode کدوم یکی بهتر و قدرتمند تره؟ 🤨

تو این پست قراره دو تا از برنامه های محبوب دنیا رو با هم مقایسه کنیم. احتمالا بدونین که vscode مال مایکروسافته و phpstorm هم مال جت برینز. اشاره کردن به این نکته خالی از لطف نیست.


🔢 قیمت

بین این دو محیط توسعه، vscode کاملا رایگانه و می تونید از سایت رسمی ویژوال استودیو دانلودش کنید. ولی phpstorm رایگان نیست و باید هر سال لایسنسشو تهیه کنید. البته چون ما تو ایرانیم نیازی به خرج نیست و سایت هایی مثل سافت ۹۸ اونو برای ما کرک میکنن.


🔢 حجم

نرم افزار phpstorm حدود ۴۰۰ مگابایته و vscode هم حدود ۸۰ مگ. ممکنه سوال پیش بیاد که چرا انقدر توی حجم با هم تفاوت دارن؟ دلیل اصلی اینه که vscode با پلاگین هاش کار می کنه و بدون پلاگین واقعا چیز قدرتمندی نیست.
وقتی این برنامه رو نصب می کنید هیچ پلاگینی از قبل روش نیست و خودتون باید دونه دونه پلاگین هایی که نیاز دارید و پیدا و نصب کنید. اما phpstorm از اول یه پکیج کامله و نیازی به نصب پلاگین خاصی نداره و از اول با قدرت براتون کار می کنه.


🔢 پشتیبانی از زبان ها

یه نکته ای که اینجا هست اینه که vscode می تونه تقریبا همه زبان ها رو پشتیبانی کنه. ولی میشه گفت phpstorm به صورت تخصصی تر برای یه مبحث آماده شده.
مثلا pycharm به صورت تخصصی برای برنامه نویسی پایتون ساخته شده. به خاطر همین phpstorm به نظر دقیق تر و قوی تره. همچنین کامپلیشن phpstorm از vscode خیلی قدرتمند تره.


🔢 نیازمندی‌های سیستمی

برای استفاده از phpstorm باید سیستم قدرتمند و خوبی داشته باشید.
اما vscode به عنوان یک IDE سبک، روی سیستم‌های متوسط و ضعیف هم کار میکنه.




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



#vscode #phpstorm
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥104
به VsCode گربه اضافه کن :)) ⌨️

یکی از سرگرم کننده ترین اکستنشن ها یا افزونه های VsCode، قطعا Vscode-pets هست. با استفاده از این اکستنشن میتونید یه حیوان خانگی به VsCode اضافه، و با اون تعامل داشته باشید 🐾

برای نصب این افزونه به بخش Extensions برید و عبارت vscode-pets و سرچ کنید. بعد از نصب، برای فعال سازی این اکستنشن کلید های ترکیبی cmd(ctrl) + shift + p و فشار بدید و عبارت Start pet coding session و تایپ، و سپس رو پیشنهاد VsCode کلیک کنید.

اطلاعات بیشتر و نحوه تغییر حیوان و میتونید تو داکیومنت این اکستنشن مطالعه کنید.


#vscode #extensions
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥53😁2
محبوب ترین theme های برنامه VsCode
در سال 2023
👨‍💻


1⃣ Github theme

🔢 Winter is coming

🔢 Monkai pro

🔢 Dracula

🔢 Tokyo night

🔢 Ayu

🔢 One dark pro

🔢 noctis



#vscode #theme
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👌2
کد های مرتب با اکستنشن Prettier 📥

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

با نصب و فعال‌سازی اکستنشن Prettier، شما می‌تونید کدهاتون و فرمت‌بندی، و از قواعد استانداردی برای قالب‌بندی کد استفاده کنید. این افزونه همچنین امکاناتی برای پیکربندی سفارشی هم داره.

این اکستنشن بعد از نصب به صورت اتوماتیک فعال نمیشه و برای کانفیگ و فعالسازی اون آموزش کوتاه زیر رو آماده کردیم.

1️⃣مرحله اول:

اکستنشن Prettier رو روی VsCode تون نصب کنید.

با زدن کلیدهای “, + Ctrl” یا دنبال کردن مسیر “File-> Preferences -> Settings” وارد بخش تنظیمات ادیتور VsCode میشیم، در کادر جستجو عبارت “format on save” رو سرچ می کنیم. در نهایت در گزینه های موجود تیک گزینه “Format on Save” رو میزنیم.

2️⃣مرحله دوم:

در همون کادر جستجوی تنظیمات عبارت “default formatter” رو سرچ کنید، کادر تنظمات Default Formatter رو باز کنید و آیتم “Prettier – Code Formatter” رو انتخاب کنید.

🔵در نهایت بعد از نصب و کانفیگ بندی، با هر بار تغییر و سیو کردن کد، prettier خودشو نشون میده و کدهاتون و مرتب میکنه🔥


#extension #vscode #prettier
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥3
دنبال یه اکستنشن می‌گردی که پیشنهاد کد بهت بده؟ بتونی باهاش صحبت کنی و کدت رو دیباگ کنه؟ پس با ۴ اکستنشن زیر آشنا شو 📖


🔵BlackBox

🔵Chat-gpt

🔵Codeium

🔵Tabnine


#ai #vscode
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥82
📖 کد هاتو حرفه ای share کن !

با نصب اکستنشن CodeSnap روی ادیتور Vscode، میتونید کد هاتون رو هایلایت شده و به صورت حرفه ای اشتراک گذاری کنید، و از روش های سنتی خلاص بشید 🔥


#extension #vscode
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥3
📖 همزمان تگ هارو ادیت کن!

با استفاده از اکستنشن Auto Rename Tag در VsCode، میتونید به صورت همزمان تگ های باز و بسته رو ادیت کنید و روش سنتی دونه دونه ادیت کردن و کنار بذارید. همچنین با این اکستنشن از احتمال بروز باگ جلوگیری میکنید 🏖️


#extension #vscode
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
📖 دیگه غلط غلوط ننویس !

اکستنشن Code Spell Checker، به شما کمک میکنه که اشتباه نگارشی تو پروژه نداشته باشید. این اکستنشن خط به خط کد های پروژه رو بررسی میکنه و متونی که غلط های املایی دارن رو مشخص، و حتی شیوه درست املاشون و برای شما شرح میده.

برای نصب این اکستنشن، عبارت Code Spell Checker رو در بخش اکستنشن های برنامه Vscode سرچ کنید. 🔥


#vscode #code #extension
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👌3
📖 دسترسی به تاریخچه Git با Git History

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

به طور کلی، اکستنشن Git History به شما این امکان و میده تا تاریخچه branch ها، فایل‌ها و لاین هاتونو به صورت گرافیکی جستجو و پیگیری کنید 🏖️

برای نصب این اکستنشن کاربردی، عبارت Git History رو در بخش extensions برنامه Vscode، سرچ کنید 🔥


#extension #git #vscode
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
7🔥3