Frontend
3.67K subscribers
406 photos
61 videos
24 files
384 links
Barchasi Frontend dasturlash haqida!

- So'nggi yangiliklar
- Eng yaxshi resurslar
- Intervyu savol - javoblar

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @chapaniDev
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
#vsCode #foydali

๐Ÿ–ฑSticky Scroll

Visual Studio Code-ning yangi tahrirlovchisi Sticky Scroll xususiyati, sizning kodlaringizni oโ€™qishda yordam beradi. Bu xususiyat yordamida, siz kodlaringizni oโ€™qishda, kodning qaysi qismida ekanligingizni bilib turishingiz mumkin, chunki boโ€™limlar yuqoriga yopishtiriladi, masalan, klass, funksiya aniqlanishi va hokazo...

โœ… VS Code'da ishga tushirish:
โš™๏ธ settings โžก๏ธ editor โžก๏ธ Sticky Scroll


Do'stlarga ulashing ๐Ÿš€

Bizga qo'shiling ๐Ÿ‘‰๐Ÿผ @Frontend ๐Ÿ‘ˆ๐Ÿผ
๐Ÿ‘6
#vscode

๐Ÿ‘ฉโ€๐Ÿ’ป 2024 yilda mahsuldorligingizni oshirish uchun VS Code extension'lari โšก๏ธ

Quyidagi havolalar orqali kirib tanishishingiz/o'rnatishingiz mumkin:

โ€” Better Comments - koddagi sharhlarni barcha uchun tushunarli qilib yozishga yordam beradi.
โ€” Bookmarks - kodlarni belgilash, xatcho'p yaratib beradi.
โ€” Code Spell Checker - kod bazasida imlo xatolarini topish va tuzatish uchun asosiy imlo tekshirgich
โ€” CodeSnap - kodning skrinshotlarini olish uchun.
โ€” CodiumAI - sun'iy intellektga asoslangan bepul kodlar to'plami.
โ€” Error Lens - nosozliklarni tuzatish va xatolarni oldini olish uchun ajoyib vosita.
โ€” Git History - versiya boshqaruvi, Git tarixi, qidiruv ...
โ€” GitLens - kuchli Git vositasi bo'lib, u juda ko'p xususiyatlarni bitta kengaytmaga jamlagan. Jamoa bilan ishlashda juda foydali.
โ€” GitHub Copilot - ChatGPT bilan integratsiyalangan kuchli AI yordamchi ($10/oyiga)
โ€” Icon Themes - vizuallikni yaxshilash uchun: Material Theme Icons, vscode-icons, file-icons.
โ€” Indent Rainbow - chiziqlar orqali kod o'qilishini yaxshilaydi.
โ€” Live Share - kodni real vaqtda boshqalar bilan hamkorlikda tahrirlash va disk raskadrovka qilish.
โ€” Multiple Cursor Case Preserve - kodni tez tahrirlashga yordam beradi.
โ€” Path Intellisense - dinamik ravishda fayl yo'llari va katalog nomlarini taklif qiladigan aqlli avtomatik to'ldirishga ega.
โ€” Prittier - kodni formatlash.
โ€” TODO Highlight - kodingizdagi TODO, FIXME va boshqa izohlarni ajratib ko'rsatadi.

Tanishlarga ham yuborib qo'yingโœ…

โžก๏ธ@Frontend โœ…๏ธ
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘7๐Ÿ”ฅ5โšก1
This media is not supported in your browser
VIEW IN TELEGRAM
#VSCODE #PLAGIN

Indenticator


Ushbu plagin yordamida siz turli darajadagi bloklarni osongina ajrata olasiz.

๐Ÿ‘ฉโ€๐Ÿ’ป Plaginni o'rnatish

โžก๏ธ@Frontend โœ…๏ธ
Please open Telegram to view this post
VIEW IN TELEGRAM
โค4๐Ÿ”ฅ4๐Ÿ‘1
#angular #vscode #ionic


๐Ÿ˜Ž"Angular 17 va Capacitor yangilanishlari endi Ionic VS Code kengaytmasida mavjud"

Ionic VS Code plagini juda ko'plab xususiyatlarga ega rasmiy "extension" hisoblanadi.

Ushbu kengaytma xususiyatlari:
โ• Loyiha yaratish - Angular, React yoki Vue
โ• Buyruqlarni ishga tushirish - build, sync, serve va test kabi buyruqlarni ishga tushirish
โ• Ilovalarni ishga tushirish - iOS yoki Android
... Va yana ko'plab imkoniyatlar mavjud

๐Ÿ‘ฉโ€๐Ÿ’ป Plaginni o'rnatish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘6๐Ÿ”ฅ2
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode


โš™๏ธ VS Code uchun tasodifiy ma'lumotlar generatori

Foydalanish uchun extension'ni o'rnatib, buyruqlar palitrasini oching (Cmd+Shift+P / Ctrl+Shift+P) va โ€œrandomโ€ deb yozing, bu sizga mavjud maโ€™lumotlar generatorlarini koโ€™rsatadi.

๐Ÿ—“ Plaginni o'rnatish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ8๐Ÿ‘3โšก1๐Ÿ†’1
#vscode


Babel JavaScript Visual Studio Code kengaytmasi, VSCode uchun JavaScript sintaksisini ajratib koโ€™rsatadi.

๐Ÿ—“ Plaginni o'rnatish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ543โค1
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode


๐Ÿ—“ CodeGPT: Chat & AI Agents - Visual Studio Marketplaceโ€™siga yangi qo'shildi.

U sizga AI chat yordamchisi, avto-toโ€™ldirish, kod tushuntirish, xatolik tekshirish va hokazo kabi xususiyatlarni taklif qiladi. Bu kengaytma sizga turli xil AI modellaridan foydalanish imkonini berad. OpenAI, Microsoft, Google, Anthropic, Cohere, Mistral, Huggingface va CodeGPT Plus kabi yetakchi taโ€™minotchilarning asosiy LLM modellaridan foydalanishingiz mumkin.

Kodni GPT-4 darajasida yozadi va tuzatadi.


๐Ÿ”— Faollashtirish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
8๐Ÿ”ฅ3โšก1
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode


Plagin "px to rem"

Bu plagin px ni rem ga va aksincha aylantirish imkonini beradi.

Alt+Z Px - rem, rem - px.


๐Ÿ—“ Plagin: havola

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘11
#vscode


๐Ÿ—“ 2024 yilda mahsuldorligingizni oshirish uchun VS Code extension'lari โšก๏ธ

Quyidagi havolalar orqali kirib tanishishingiz/o'rnatishingiz mumkin:

โ€” Better Comments - koddagi sharhlarni barcha uchun tushunarli qilib yozishga yordam beradi.
โ€” Bookmarks - kodlarni belgilash, xatcho'p yaratib beradi.
โ€” Code Spell Checker - kod bazasida imlo xatolarini topish va tuzatish uchun asosiy imlo tekshirgich
โ€” CodeSnap - kodning skrinshotlarini olish uchun.
โ€” CodiumAI - sun'iy intellektga asoslangan bepul kodlar to'plami.
โ€” Error Lens - nosozliklarni tuzatish va xatolarni oldini olish uchun ajoyib vosita.
โ€” Git History - versiya boshqaruvi, Git tarixi, qidiruv ...
โ€” GitLens - kuchli Git vositasi bo'lib, u juda ko'p xususiyatlarni bitta kengaytmaga jamlagan. Jamoa bilan ishlashda juda foydali.
โ€” GitHub Copilot - ChatGPT bilan integratsiyalangan kuchli AI yordamchi ($10/oyiga)
โ€” Icon Themes - vizuallikni yaxshilash uchun: Material Theme Icons, vscode-icons, file-icons.
โ€” Indent Rainbow - chiziqlar orqali kod o'qilishini yaxshilaydi.
โ€” Live Share - kodni real vaqtda boshqalar bilan hamkorlikda tahrirlash va disk raskadrovka qilish.
โ€” Multiple Cursor Case Preserve - kodni tez tahrirlashga yordam beradi.
โ€” Path Intellisense - dinamik ravishda fayl yo'llari va katalog nomlarini taklif qiladigan aqlli avtomatik to'ldirishga ega.
โ€” Prettier - kodni formatlash.
โ€” TODO Highlight - kodingizdagi TODO, FIXME va boshqa izohlarni ajratib ko'rsatadi.

Tanishlarga ham yuborib qo'yingโœ…

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘19
#vscode


๐Ÿ—“ VSCodeThemes sayti Visual Studio Code muharririning ko'rinishini moslashtirish uchun turli mavzularni taklif etadi. Siz "All Themes", "Dark" va "Light'" kabi toifalar bo'yicha mavzularni ko'rib chiqishingiz mumkin va ularni o'rnatishlar soniga qarab saralab olishingiz mumkin.

๐Ÿ”—Havola: https://vscodethemes.com

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘10
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode #frontend


๐Ÿ—“ VS Code uchun tasodifiy ma'lumotlar generatori

Foydalanish uchun extension'ni o'rnatib, buyruqlar palitrasini oching (Cmd+Shift+P / Ctrl+Shift+P) va โ€œrandomโ€ deb yozing, bu sizga mavjud maโ€™lumotlar generatorlarini koโ€™rsatadi.

๐Ÿ”— Plaginni o'rnatish

@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘6๐Ÿ”ฅ4