کداکسپلور | CodeExplore
7.94K subscribers
2.01K photos
363 videos
112 files
1.86K links
با کد اکسپلور یاد بگیر، لذت ببر و بروز باش ⚡️😉

سایت:
CodeExplore.ir
👨🏻‍💻 ارتباط با ما :
@CodeExploreSup
گروه :
@CodeExplore_Gap
تبلیغات در کد اکسپلور :
@CodeExploreAds
Download Telegram
دسترسی به متنِ داخل عکس؟🤔

◀️خب یک افزونه کروم براتون آوردیم به اسم Project Naptha که باهاش میتونید به متنِ داخل عکس دسترسی بیشتری داشته باشید(نسبت به بقیه افزونه ها)!

◀️چیزی که این اکستنشن رو نسبتا متفاوت میکنه اینه که شما علاوه بر توانایی کپی کردن متن میتونید هایلایتش هم بکنید، اینطوری موقع خوندن متنِ داخل عکس دیگه خط رو هم گم نمیکنید!

🗃 لینک دانلود
#extension
☕️ @CodeExplore
❤‍🔥113🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
⌨️ شما با اکستنشن Code Runner  می تونی خروجی کدهاتون رو توی خود VsCode ببینید

📣 اکثر زبان های برنامه نویسی توسط این اکستنشن پشتیبانی میشه و به نظرم دیگه لزومی نداره که هر کدی رو توی محیط خودش اجرا کنید💯

#extension
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥144😁4❤‍🔥2
امروز میخوام بهتون یک اکستنشن خفن معرفی کنم 🔥

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

👀 یک اکستنشنی هست که شما میاید یک بازه زمانی (ددلاین) تعریف می‌کنید مثلاً 60 روز ، حالا این اکستنشن میاد به ازای هر روز یک واحد از opacity سایت کم می‌کنه و نهایتاً بعد از 60 روز opacity به صفر میرسه و سایت کلاً محو میشه.
⭕️ پس همیشه اکستنشن زیر رو به سایت اضافه کنید :

🌐 https://github.com/kleampa/not-paid

#github #extension
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
😁306🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
⌨️ یکی از پرکاربردی‌ ترین قابلیت‌ های توی VS Code قابلیت Expand Selection هست به نظر من

حالا چیکار میکنه 🧐 ؟
به این شکل هست که مثلاً اگه ما بخوایم کدهای بین پرانتزها، بلاک‌ها، یا حتی تگ‌ها رو انتخاب کنیم، با این اکستنشن خیلی راحت می‌تونیم از دکمه‌های Shift+Alt+Right استفاده کنیم 😍

راستی یک اکستنشن جالب برای VS Code قبلاً معرفی شده به اسم Smart Clicks که کمک می‌کنه با یک دابل‌ کلیک ماوس کارهای مشابهی انجام بدیم✌️

🌐 https://github.com/antfu/vscode-smart-clicks

#extension #github
☕️ @CodeExplore | </Parmida>
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14❤‍🔥22
معرفی پلاگین هوشمند codesnippets

⌨️ این پلاگین به ما اجازه میده تا قطعات کوچکی از کد رو به راحتی تو وبسایتمون اضافه کنیم.

👌حالا علاوه بر این می تونیم از کد‌های آماده PHP، HTML، CSS و JS استفاده کنیم یا کد‌های خودمون رو بسازیم، این نرم افزار از ابزارهای ساخت وبسایت مثل Elementor و Gutenberg پشتیبانی هم می‌کنه.

😎با این ابزار ما همچنین می‌تونیم کد‌های خودمون رو فعال یا غیرفعال کنیم، اون هارو با برچسب‌ها دسته‌بندی کنیم، اون هارو با فرمت JSON وارد یا خارج کنیم و یا اون هارو به صورت پلاگین یا تم PHP تبدیل کنیم.

🌐 برو به پلاگین codesnippets

#extension #codesnippets #vscode
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
12🔥3❤‍🔥1
برای دسترسی به مقالات Medium و TowradsDataScience، این اکستنشن رو از این ریپو گیتهاب نصب کنید(نصبش هم خیلی راحته) و با خیال راحت و بدون دردسر مطالعه کنید.

🌐 https://github.com/iamadamdev/bypass-paywalls-chrome?tab=readme-ov-file

#extension #github
☕️ @CodeExplore || </NEGAR>
Please open Telegram to view this post
VIEW IN TELEGRAM
11🔥3❤‍🔥1
🔵 با استفاده از اکستنشن GoFullPage میتونید از صفحات وب اسکرین شات کامل بگیرید و با فرمت های مختلف PNG، JPEG و یا PDF دانلود کنید.

همچنین این ابزار توی آپدیت های جدید آپشن ادیت رو بصورت پریمیوم اضافه کرده تا بتونید تصویر گرفته شده از صفحه مورد نظرتون رو به دلخواه خودتون ادیت کنید.

📥 لینک دانلود

#extension #gofullpage
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥7🔥42
دوستان اکستنشن هایی که در VsCode استفاده میکنید و فکر میکنید کاربردی هستن رو حتما اسمشون رو تو کامنت ها بگید تا بقیه دوستان هم استفاده کنند.

#extension #vsc #vscode
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥125❤‍🔥2😁2
اکستنشن Prettier در VSCode ⌨️

👀 میدونین که برنامه نویسی به شکل مرتب، یکسری اصول خاص داره، که شاید بعضی وقتا ناخواسته رعایتش نکنید. این اکستنشن براتون کدتون رو مرتب میکنه، میتونید هم بهش بگید چه زبانهایی رو براتون مرتب نکنه و ...

✔️از اینها هم پشتیبانی میکنه:
JavaScript · TypeScript · Flow · JSX · JSON · CSS · SCSS · Less · HTML · Vue · Angular HANDLEBARS · Ember · Glimmer · GraphQL · Markdown · YAML


🔗 لینک دانلود

#vscode #extension
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤‍🔥33
ابزار کاربردی برای فرانت اند، با این ابزار ها پادشاهی کن!

☄️در این مقاله قصد داریم سه ابزار کاربردی را به شما معرفی کنیم که می‌تواند کمک شایانی به توسعه‌دهندگان فرانت‌اند کند. این ابزارها شامل دو سایت و یک افزونه (Extension) هستند که بدون شک فرآیند طراحی و توسعه صفحات وب را برای شما ساده‌تر، سریع‌تر و حرفه‌ای‌تر می‌کنند.

🌕 برای مشاهده کامل مقاله کلیک کنید.

#frontend #site #extension
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
32❤‍🔥13🔥10😁5💔3
چند تا اکستنشن با حال و کاربردی VS Code

🔍StackFinder
این ابزار سریع میگرده و جواب‌ های مربوط به مشکلات کدتون رو از Stack Overflow پیدا میکنه (هرچند با اومدن AI کمتر استفاده میشه)

👀Emoji Sense
میتونید باهاش توی کدتون ایموجی استفاده کنید.

🔰Bracket Pair Colorizer
براکت‌های باز و بسته‌ی هر بلاک رو با رنگ‌های متفاوت نشون میده تا راحت‌تر متوجه بشید کدوم به کدومه؛ خصوصا توی کدهای تو در تو خیلی کمک میکنه.

🎨Color Highlight
هر جا کد رنگی مثل #ff5733 یا RGB توی کدت بنویسید، رنگش رو میتونین همونجا ببینید.

📁Path Intellisense
وقتی مسیر فایل یا عکس مینویسید، بهتون مسیر رو پیشنهاد میده.

#extension #vscode
☕️Telegram | Website | Discord
❤‍🔥15🔥42
اکستنشن Error Face and Explain برای VS Code به ارورایی که داری ری‌ اکشن نشون میده🙄
هر وقت کدت ارور یا warning بده، بهت یه میم نشون میده که با شدت مشکل هماهنگه هرچی بیشتر میمه داغون تر🤔 از طرفی هم بهت توضیح میده که مشکل از Syntax هست، ماژول درست import نشده یا ...

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

#vscode #extension
☕️Telegram | Website | Discord
🔥16😁7😍6
🗝 چند تا اکستنشن کاربردی VS Code

0⃣ Prettier

بصورت خودکار کد هارو مرتب و خوانا میکنه و از اکثر زبان های محبوب پشتیبانی میکنه.

1⃣ ESLint

راهنما شما برای پیدا کردن مشکلات و حل اونها در کد های جاوااسکریپتتون!

2⃣ GitLens

میتونین ازش برای استفاده راحت تر و حرفه ای از git توی vs code استفاده کنید.

3⃣ Live Server

خروجی تغییرات کدتون رو بصورت real time روی سیستمتون ببینید.

4⃣ REST Client

تست کردن API ها و دریافت Response اونها توی محیط کد ادیتور.

5⃣ Path Intellicense

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

#vscode #extension
☕️Telegram | Website | Discord
🔥5😍21❤‍🔥1