#tools | #vscode | #extension

🎯 CSS Peek

مشاهده و ویرایش مستقیم استایل‌های CSS متصل به یک المنت HTML بدون نیاز به جستجو در فایل‌های CSS.

🌐 دانلود
🚀 Tabnine

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

🌐 دانلود
🛜 Thunder Client

یک ابزار قدرتمند برای تست APIها به صورت مستقیم از وی‌اس‌کد و جایگزینی خوب برای Postman.

🌐 دانلود
🎨 Color Highlight

نمایش رنگ‌های استفاده شده در CSS به صورت بصری در کنار کد، به صورت بک‌گراند کد رنگی.

🌐 دانلود
📊 Git Graph

نمایش گرافیکی و تصویری تاریخچه گیت و شاخه‌های مختلف پروژه با امکان مدیریت کامیت‌ها و شاخه‌ها.

🌐 دانلود

🆔 Channel | Group | YouTube

#vscode #extension

🔸 اگر تو ام خست شدی از اینکه دونه به دونه class‌هایی که ایجاد میکنی رو تو فایل css بنویسی، یه اکستنشن خفن میخوام بهت معرفی کنم که چندین برابر سرعتت رو بیشتر می‌کنه 😎

با افزونه Evondev کافیه فقط تو vscode اون قسمت از فایل HTML رو که میخوای کلس هاش رو داشته باشی سلکت کنی و بعدش کامند 🔻

CTRL + SHIFT + P

رو بزنی و توی سرچ بار بنویسی 🔻

copy css class

و در نهایتم Enter بزنی و تمام.

الان همه کلس هات رو به قالب کد های css کپی‌کرده و میتونی توی هر فایلی که میخوای paste اشون کنی ⚡

🌐 لینک افزونه Evondev

امیدوارم حسابی از این پست لذت برده باشید ❤️

🚀 @coolycode

بهترین افزونه های VSCode که به درد هر دولوپری میخوره ✅

🌈 Bracket Pair Colorizer 2

این افزونه به هر جفت براکت رنگ متفاوتی اعمال میکنه، که تو پروژه‌های پیچیده و کدهای تو در تو بسیار کاربردیه

🟥 DotEnv

افزونه Dotenv برای هایلایت سینتکس و مدیریت و شناسایی خطاهای فایل‌های .env طراحی شده.

📸 Polacode

میتونید باهاش از کداتون تو محیط vscode عکس‌های جذابی تهیه کنید که کارتون رو تو اشتراک‌گذاری کدتون در شبکه‌های اجتماعی خیلی حرفه ای تر میکنه

👾 Tabnine

تب‌ناین یکی از بهترین افزونه ها برای استفاده از هوش مصنوعی داخل vscode هستش که میتونه کداتون رو با دقت تکمیل کنه که خیلی سرعتتون رو بالا میبره

و اما اکستنشن آخر که فوق‌العاده کاربردیه 😍

🐍Visual Snake Code

بله درست شنیدید، مار بازی داخل VSCode مناسب وقتایی که مغزتون سوت کشیده و به باگ خوردید، کافیه این افزونه رو باز کنید و انقد مار بازی کنید تا همه باگ ها خود به خود حل بشن 😂🤌

امیدوارم از این مطلب لذت برده باشید، با ری‌اکشنای خودتون بهمون انرژی بدید ❤️‍🔥

#️⃣ #vscode #extension

⭐ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

یکی از کاربردی ترین شورت‌کات های VSCODE که بدرد همه میخوره ✅🤩

شما ام میتونید هر شورت‌کات بدرد بخوری که بلدید توی کامنتا بگید تا بقیه استفاده کنن 🚀

#️⃣ #vscode #tricks

⭐ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

10 شورت‌کات ضروری VS Code برای که سرعتتون رو به شدت بالا میبره 🚀

📂 Ctrl + P

باز کردن سریع هر فایل
با این میانبر می‌تونی خیلی راحت اسم فایل موردنظرت رو تایپ کنی و مستقیماً اون رو باز کنی.

📝 Ctrl + /

کامنت/آنکامنت کردن یک خط
این ترکیب بهت کمک می‌کنه که یک خط رو به‌سرعت کامنت یا آنکامنت کنی، بدون نیاز به تایپ دستی //.

↕️ Alt + ↑ / ↓

جابه‌جا کردن یک خط به بالا یا پایین
اگر بخوای بدون کپی/پیست کردن، یک خط رو بالا یا پایین ببری، این میانبر خیلی کاربردیه.

❌ Ctrl + Shift + K

حذف خط جاری
با این ترکیب می‌تونی کل خطی که نشانگر روشه رو بدون انتخاب حذف کنی.

📚 Ctrl + B

نمایش یا مخفی کردن سایدبار
با این میانبر سریع سایدبار رو باز و بسته کن تا فضای بیشتری برای کدنویسی داشته باشی.

💡Ctrl + Space

فعال کردن IntelliSense برای پیشنهادات کد
اگر در حال کدنویسی هستی و پیشنهادهای خودکار نمایش داده نشدن، این میانبر کمک می‌کنه دوباره اون‌ها رو ببینی.

🔍 Ctrl + Shift + F

جستجو در کل پروژه
این میانبر بهت امکان می‌ده که در کل فایل‌های پروژه دنبال متن یا کدی خاص بگردی.

📑 Ctrl + D

انتخاب بعدیِ کلمه‌ای که هایلایت شده
اگه بخوای چند کلمه مشابه رو یکی‌یکی انتخاب کنی، این ترکیب فوق‌العاده‌ست.

🔗 Ctrl + Shift + L

انتخاب تمام موارد مشابه در متن
این میانبر همه‌ی نمونه‌های یک کلمه در فایل رو یکجا انتخاب می‌کنه تا بتونی همه رو هم‌زمان تغییر بدی.

📜 Ctrl + Shift + P

باز کردن Command Palette
با این ترکیب می‌تونی به همه‌ی دستورات و قابلیت‌های VS Code دسترسی داشته باشی.

امیدوارم از این مطلب لذت برده باشید، با ری‌اکشنای خودتون بهمون انرژی بدید ❤️‍🔥

#vscode #tricks

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

➖➖➖➖➖➖➖➖➖

10 شورت‌کات ضروری VS Code که سرعتتون رو به شدت بالا میبره ( پارت 2 ) 🚀

✏️ Ctrl + F2

تغییر نام همه‌ی متغیرهای مشابه
اگر بخوای یک متغیر رو در کل فایل تغییر نام بدی، این میانبر کار رو خیلی راحت می‌کنه.

💻 Ctrl + J

نمایش یا مخفی کردن ترمینال داخلی
ترمینال داخلی VS Code رو با این ترکیب سریع باز و بسته کن.

❌ Ctrl + W

بستن تب فعلی
به‌جای کلیک روی دکمه‌ی بستن کنار فایل، این میانبر رو بزن و سریع‌تر تب‌های اضافی رو ببند.

🔎 Ctrl + Shift + E

فوکوس روی فایل اکسپلورر
اگر فایل اکسپلورر بسته شده یا فوکوس روی بخش دیگه‌ایه، با این ترکیب سریع بهش برگرد ؛)

❗Ctrl + Shift + M

نمایش پنل PROBLEMS
اگر کدت اروری داشته باشه، این ترکیب سریع لیست خطاها رو نشون می‌ده.

↕️ Alt + Shift + ↑ / ↓

کپی کردن یک خط در بالا یا پایین
به‌جای Copy/Paste، با این میانبر سریع‌تر میتونی یک خط رو بالا یا پایین کپی کنی.

🔳 Ctrl + Alt + جهت‌ها

تقسیم پنجره‌ی ادیتور
اگه بخوای چندین فایل رو کنار هم باز داشته باشی، با این میانبر میتونی ادیتور رو تقسیم کنی

امیدوارم از این مطلب لذت برده باشید، با ری‌اکشنای خودتون بهمون انرژی بدید ❤️‍🔥

#vscode #tricks

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

➖➖➖➖➖➖➖➖➖

احتمالا شما هم این چند وقته خیلی راجب کد ادیتور cursor شنیده باشید 🫵

اصلا این کد ادیتور چیه ⁉️

فکر کنید یه vscode دارید که بدون نیاز به هیچ افزونه اضافی ای کلی قابلیت های خفن با استفاده از هوش مصنوعی در اختیارتون قرار میده، از پیشنهاد‌کد گرفته تا تغییر فایلهاتون به صورت اتومات فقط با چند خط prompt

درواقع Cursor یه کد ادیتور جدیده که با استفاده از هوش مصنوعی به شما کمک می‌کنه که کاراتون خیلی سریع‌تر و راحت‌تر انجام بشه، خیلی راحت تر از قبل :))

مهاجرت کردن بهش سخته ؟ 🚀

یادته اولش گفتم فکر کن یه vscode داری که ...، واقعا همینه، cursor درواقع یه fork از vscode هستش، یعنی شما تمامی قابلیت هایی که داخل vscode داشتید رو با همون ظاهر توی cursor دارید و خودش اتومات با vscode شما سینک میشه.

پیشنهاد میکنم حتی شده برای تست کردن هم ازش استفاده کنید، پشیمون نمیشید ✅

#AI #IDE #VSCode

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

➖➖➖➖➖➖➖➖➖