Dev Perfects
40 subscribers
9.23K photos
1.26K videos
468 files
13K links
بخوام خیلی خلاصه بگم
این کانال میاد مطالب کانالای خفن تو حوزه تکنولوژی و برنامه نویسی رو جمع میکنه

پست پین رو بخونید
https://t.iss.one/dev_perfects/455


ارتباط:
https://t.iss.one/HidenChat_Bot?start=936082426
Download Telegram
Forwarded from LearnPOV | لرن پی او وی (Mohammad hossein)
#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

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
This media is not supported in your browser
VIEW IN TELEGRAM
یکی از کاربردی ترین شورت‌کات های VSCODE که بدرد همه میخوره 🤩

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


#️⃣ #vscode #tricks

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
Forwarded from CleverDevs (CleverDevs Ads)
This media is not supported in your browser
VIEW IN TELEGRAM
اینم اکستنشن باحالیه 😂

#vscode
@CleverDevs - @CleverDevsGp
Forwarded from CleverDevs (Mammad)
This media is not supported in your browser
VIEW IN TELEGRAM
اینم اکستنشن باحالیه 😂

#vscode
@CleverDevs - @CleverDevsGp
Forwarded from LearnPOV | لرن پی او وی (Smin)
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

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

Forwarded from LearnPOV | لرن پی او وی (Mohammad hossein)
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

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

Forwarded from LearnPOV | لرن پی او وی (Mohammad hossein)
احتمالا شما هم این چند وقته خیلی راجب کد ادیتور cursor شنیده باشید 🫵

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


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


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

#AI #IDE #VSCode

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

Forwarded from LearnPOV | لرن پی او وی (Mohammad hossein)
شما هم توی لینوکس وقتی کلیک راست میکنید روی فولدر پروژتون گزینه Open With Vscode 👩‍💻 براتون نمیاد

کافیه فقط کامند زیر رو بزنی، البته فقط برای توزیع های Ubuntu Base مثل مینت کار میکنه 👩‍💻

wget -qO- https://raw.githubusercontent.com/harry-cpp/code-nautilus/master/install.sh | bash


یکی از دوستان تو کامنتا اضافه کرد
در حقیقت واسه کسایی که فایل منیجر nautilus دارن کار می‌کنه


4️⃣ Source

#️⃣ #linux #vscode

🧑‍💻 @CoolyCode
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from AI Labdon
Kilo combines the best features of AI coding tools into one. Batteries included.
یه ابزار اوپن سورس که میتونید به کمکش از هوش مصنوعی حین کد زدن استفاده کنید یه جورایی رقیب cursor و cline محسوب میشه.

#AI #Tools #Coding #VSCode #IDE #Editor #GPT #Kilo


https://kilocode.ai
Forwarded from کداکسپلور | CodeExplore (ᴀᴍɪʀᴍᴀsᴏᴜᴅ)
اکستنشن Error Face and Explain برای VS Code به ارورایی که داری ری‌ اکشن نشون میده🙄
هر وقت کدت ارور یا warning بده، بهت یه میم نشون میده که با شدت مشکل هماهنگه هرچی بیشتر میمه داغون تر🤔 از طرفی هم بهت توضیح میده که مشکل از Syntax هست، ماژول درست import نشده یا ...

🔗 https://marketplace.visualstudio.com/items?itemName=naveensh7.error-face

#vscode #extension
☕️Telegram | Website | Discord
Forwarded from Gopher Academy
🔵 عنوان مقاله
Go Allocations Explorer Extension for VSCode

🟢 خلاصه مقاله:
این افزونه با نام Go Allocations Explorer Extension برای VS Code به برنامه‌نویسان Go کمک می‌کند تا محل و میزان تخصیص حافظه را بر پایه بنچمارک‌های موجودشان مستقیماً داخل ویرایشگر ببینند. با اجرای go test -bench و استفاده از -benchmem، نتایج تخصیص‌ها جمع‌آوری و به فهرستی قابل پیمایش تبدیل می‌شود تا بتوانید به‌سرعت هات‌اسپات‌ها را یافته و از همان ورودی‌ها به کد مربوطه بپرید. امکان اجرا و تکرار بنچمارک‌ها، مشاهده و مقایسه سریع نتایج، و مرتب‌سازی/فیلتر کردن بر اساس پکیج، تست یا تابع فراهم است. راه‌اندازی ساده است، فقط نیاز به ابزار Go دارد و روی macOS، Linux و Windows کار می‌کند. خروجی‌ها در خود VS Code به شکل قابل فهم ارائه می‌شوند تا کاهش تخصیص‌ها، کم شدن فشار GC و بهبود تأخیر به‌صورت مستمر و در جریان کدنویسی انجام شود.

#Go #VSCode #Golang #Performance #Benchmarking #MemoryAllocations #Profiling #DeveloperTools

🟣لینک مقاله:
https://golangweekly.com/link/174659/web


👑 @gopher_academy