🙂 دوستان براتون یک ابزار باحال برای نمایش console.log های برنامه آوردیم ✔️

◀️  تو VsCode یک اکستنشن Console Ninja هست می‌تونیم console.log های برنامه رو توی همون VsCode و به صورت آنلاین ببینیم ، براتون لینک نصب اکستنشن رو پایین می زارم ❤️

(بهتون پیشنهاد میکنم حتما ویدیو رو ببینید )

✔️ لینک نصب اکستنشن:

🌐 https://marketplace.visualstudio.com/items?itemName=WallabyJs.console-ninja

#extension #vscode
☕️ @CodeExplore

💙 دوستان توی جدیدترین نسخه VS Code می‌تونیم لیستی از همه تم‌ های موجود رو داشته باشیم و بدون اینکه یک تم رو نصب کنیم، یک پیش‌نمایش از اون رو ببینیم 🤩

1️⃣اول توی VS Code دکمه‌های Ctrl + K + T رو بزنید

2️⃣بعد گزینه Browse Additional Color Themes رو بزنین تا لیستی از تم‌ها براتون نمایش داده باشه

3️⃣بعدش پیش‌نمایش هر تمی رو که انتخاب کنین همون لحظه اعمال میشه

#vscode #extension
☕️ @CodeExplore

چند شورتکات برای VS Code 🔥

✔️ Ctrl + Shift + F
نمایش سرچ بار

✔️ Ctrl + Backspace
حذف کلمه قبلی

✔️ Ctrl + Shift + K
حذف خط

✔️ Ctrl + Shift + N
پنجره جدید

✔️ Ctrl + L
انتخاب خط فعلی

✔️ Ctrl + Shift + D
کپی گرفتن از یک خط

✔️ Ctrl + Shift + T
باز کردن ادیتور بسته شده

✔️ Ctrl + Shift + Enter
اضافه کردن یک خط خالی بالای خط فعلی

✔️ Ctrl + H
فعال کردن Replace

✔️ Ctrl + B
باز کردن / جمع کردن ساید بار

✔️ Ctrl + /
کامنت کردنِ خط

✔️ Alt + Shift + بالا یا پایین
کپی کردن خط به سمت بالا یا پایین

✔️ Alt + بالا یا پایین
جا به جا کردن خط فعلی با خط بالا یا پایین

✔️ Alt + Click
افزودن چند کرسر برای نوشتن همزمان


#vscode
☕️ @CodeExplore

👨‍💻باز کردن پروژه گیت‌هاب داخل VSCode

▪️ برای اینکه بخواید یک پروژه گیت هاب رو توی VsCode باز کنید باید کارهای زیر رو انجام بدید 👇

1️⃣ توی گیت هاب وارد repository مورد نظر شده و تو قسمت آدرس قبل از dot
عبارت 1s رو مثل ویدیو وارد کنید. با این کار پروژه ی شما داخل VsCode اجرا میشه⚡️

2️⃣ یا میتونید داخل ریپو که شدید یکبار کلید . روی کیبوردتون رو بزنید github vscode باز میشه 😎

3️⃣یا بجای github.com بنویسید github.dev ، بازم همین کار رو میکنه🤩

#پست_پیشنهادی
#github #vscode
☕️ @CodeExplore

✅معرفی پلاگین هوشمند codesnippets

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

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

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

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

#extension #codesnippets #vscode
☕️ @CodeExplore

برنامه نویسی به کمک هوش مصنوعی 👀

✔️ یکی از اکستنشن های هوش مصنوعی که میتونه توی کدنویسی بهتون کمک کنه Codium-AI هست که کاملا رایگانه و فقط به یک اکانت و فیلترشکن خوب نیاز داره. روی vscode و vim هم قابل نصبه.

📥 لینک دانلود

#vscode #extensions
☕️ @CodeExplore

بهترین IDE برای طراحی وب و برنامه نویسی 💻

🔹البته یکسری موارد توی این آمار غلطه... آیا VSCode و notepad++ از لحاظ علمی IDE محسوب میشن؟

#vscode #data
☕️ @CodeExplore

دوستان یک تم میخوام بهتون معرفی کنم که خیلی قشنگ و شیک هست و مناسبه چشم هست ، پس نگران چشم هاتون نباشید.
مهم تر از همه، توسعه دهنده این تم یکی از دوستان هست ❤️‍🔥

🌐 https://marketplace.visualstudio.com/items?itemName=FullstacksJS.fullstacksjs-vscode

همین الان که نگاه کردم 646 یوزر نصبش کردن✌️

#vscode #theme
☕️ @CodeExplore

دوستان اکستنشن هایی که در VsCode استفاده میکنید و فکر میکنید کاربردی هستن رو حتما اسمشون رو تو کامنت ها بگید تا بقیه دوستان هم استفاده کنند.

#extension #vsc #vscode
☕️ @CodeExplore

اکستنشن Prettier در VSCode ⌨️

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

✔️از اینها هم پشتیبانی میکنه:

JavaScript · TypeScript · Flow · JSX · JSON · CSS · SCSS · Less · HTML · Vue · Angular HANDLEBARS · Ember · Glimmer · GraphQL · Markdown · YAML

🔗 لینک دانلود

#vscode #extension
☕️ @CodeExplore

📖 نصب Visual Studio Code

نرم‌افزار Visual Studio Code یکی از بهترین ویرایشگرهای کدنویسی است که به دلیل امکانات پیشرفته و افزونه‌های فراوان، در میان برنامه‌نویسان محبوبیت زیادی دارد. نصب و راه‌اندازی این ابزار روی ویندوز، مک و لینوکس میتواند به سادگی انجام شود. در این مقاله به بررسی مراحل نصب و پیکربندی Visual Studio Code در سه پلتفرم با رویکردی ساده و سریع پرداخته‌ایم.😉

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

#vscode #vsc #mac #windows #linux
☕️ @CodeExplore

چرا VSCode یک IDE نیست؟ بررسی تفاوت کد ادیتورها و IDEها 💬

❌بسیاری از برنامه‌نویسان از Visual Studio Code (یا به اختصار VSCode) به عنوان ابزار اصلی برای توسعه نرم‌افزار استفاده می‌کنند. با وجود قابلیت‌های زیاد این ابزار، VSCode یک IDE نیست، بلکه در دسته کد ادیتورها (Code Editors) قرار می‌گیرد. در این مقاله به بررسی این موضوع می‌پردازیم که چرا VSCode به عنوان IDE شناخته نمی‌شود و ابزارهای مشابه آن کدامند.

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

#ide #codeeditor #vscode #visual_studio #atom #sublime_text #notepad #intellij #eclipse #programming
☕️ @CodeExplore

25 میانبر کاربردی VS Code که باید یادشون بگیری! ✔️

🆒 نرم افزار Visual Studio Code (یا به اختصار VS Code) یکی از محبوب‌ترین و پرکاربردترین ویرایشگرهای کد نویسی است که توسط توسعه‌دهندگان در سراسر جهان استفاده می‌شود. یکی از ویژگی‌های جذاب این ابزار، قابلیت استفاده از میانبرهای صفحه کلید است که سرعت و کارایی شما را در برنامه‌نویسی به شدت افزایش می‌دهد. در این مقاله به 25 میانبر کاربردی VS Code اشاره می‌کنیم که بهتره یادشون بگیری!

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

#vscode #shortcuts #programming
☕️ @CodeExplore