Skip to main content

Kod muharriri

AppX haqiqiy, tekshirib bo'ladigan Expo + React Native kodini yaratadi — qulflangan vizual quruvchining eksporti emas. Ichki muharrir istalgan faylni to'g'ridan-to'g'ri brauzerda o'qish, tahrirlash va yaratish imkonini beradi, VS Code'ni quvvatlaydigan xuddi shu tahrirlash tajribasi bilan.

Kodni o'qish va fayllarni ko'rib chiqish har doim bepul — siz faqat sun'iy intellekt siz uchun kodni o'zgartirganda kreditlar sarflaysiz.

Muharrirni ochish​

O'ng paneldagi Code yorlig'ini bosing. Siz quyidagilarni ko'rasiz:

  • Loyihangizdagi har bir fayl bilan fayl daraxti.
  • Siz tanlagan istalgan faylni ko'rsatadigan muharrir.
  • Daraxtda sichqonchaning o'ng tugmasini bosish orqali fayl amallari (nomini o'zgartirish, o'chirish, yangi fayl).

Loyiha qanday joylashtirilgan​

AppX ilovalari Expo Router loyihalari sifatida quriladi, shuning uchun navigatsiya sizning fayl tuzilmangizdan kelib chiqadi. Tipik joylashuv:

app/
  (tabs)/
    _layout.tsx       ← Tab navigation
    index.tsx         ← First tab (usually Home)
    explore.tsx       ← Second tab
  _layout.tsx         ← Root layout (fonts, theme, navigation)
  modal.tsx           ← A modal screen, if any
components/
  ui/                 ← Reusable building blocks (Button, Card, Input)
constants/
  colors.ts           ← Color palette
  typography.ts       ← Font sizes and weights
hooks/                ← Shared logic
assets/               ← Fonts and images

Aniq shakl AppX ilovangiz uchun nimani qurganiga bog'liq.

Fayllarni tahrirlash​

Istalgan faylni oching, o'zgartirishingizni kiriting va Cmd+S (Mac) yoki Ctrl+S (Windows/Linux) bilan saqlang. Ko'rinish o'zgartirishingizni darhol qabul qiladi.

Erkin tahrirlash xavfsiz​

  • Komponent mantig'i va JSX
  • Uslub qiymatlari — ranglar, o'lchamlar, oraliqlar
  • Matn va nusxa
  • Hooks va yordamchi dasturlardagi biznes mantiqi

Biroz ehtiyotkorlik bilan tahrirlang​

  • Import yo'llari — ularni o'zgartirish to'plashni buzishi mumkin.
  • Komponent nomlari — bir joyda nomini o'zgartiring, har bir import joyini yangilang.
  • Ekran fayl nomlari — Expo Router marshrutlarni fayl nomlaridan quradi, shuning uchun faylni qayta nomlash uning navigatsiya marshrutini o'zgartiradi.

Muharrir xususiyatlari​

  • TypeScript, JSX, JSON va boshqalar uchun sintaksis ajratish
  • React Native API'lari, proplar va o'zingizning loyiha belgilaringiz uchun avtomatik to'ldirish
  • Sintaktik xatolar uchun qatorli xatolarni tagiga chizish
  • Find & Replace — Cmd+F / Ctrl+F
  • Ko'p-kursor (Alt+bosish), kod buklash va minikarta

Uslublash​

AppX har bir komponentni StyleSheet.create bilan uslublaydi va belgilar uchun lucide-react-native'dan foydalanadi. Tipik uslub bloki:

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#ffffff',
    padding: 16,
  },
  title: {
    fontSize: 24,
    fontWeight: '700',
    color: '#111827',
  },
});

Rang yoki o'lchamni o'zgartirish uchun StyleSheet'ni toping va qiymatni tahrirlang. Saqlang, va ko'rinish yangilanadi.

Fayllar qo'shish​

  1. Daraxtdagi papkani o'ng tugma bilan bosing.
  2. New File'ni tanlang.
  3. Unga nom bering (masalan components/Avatar.tsx).

app/ ichidagi yangi fayllar Expo Router tomonidan avtomatik ravishda marshrut sifatida ro'yxatdan o'tkaziladi.

Muharrir va chat birgalikda​

Sizning bittasini tanlashingiz shart emas. Keng tarqalgan ritm:

  1. Katta harakatlar uchun Chat — "Bildirishnoma o'tkagichlari bilan sozlamalar ekranini qo'shing."
  2. Aniq sozlashlar uchun Editor — chegara radiusini oshiring, rangni tuzating.
  3. Sun'iy intellekt yordamini xohlaganingizda yana Chat — "Bu joylashuv kichik ekranlarda buziladi, uni tuzating."

Sun'iy intellekt har doim eng so'nggi fayllaringizni o'qiganligi sababli, qo'lda o'zgartirganingiz keyingi chatda ko'riladi.

Bekor qilish​

Muharrir sessiya ichida standart bekor qilish/qayta bajarishni qo'llab-quvvatlaydi (Cmd+Z / Cmd+Shift+Z). Sun'iy intellekt tahririni qaytarish uchun, buning o'rniga tasdiqlash oqimidan foydalaning: tahrirni qo'llashdan oldin rad eting yoki qaytarishni chatda tasvirlang. Chat orqali tahrirlash bo'limiga qarang.

Kodingizni eksport qilish​

Kodingiz sizning kodingizdir. Pullik tariflarda butun loyihani Project Settings → Export'dan ZIP sifatida eksport qilishingiz, so'ngra uni npx expo start bilan mahalliy ishga tushirishingiz mumkin. Shuningdek, GitHub repozitoriysini ikki tomonlama sinxronizatsiyada saqlashingiz mumkin — GitHub integratsiyasi bo'limiga qarang.

Aloqador​

Chat orqali tahrirlash

Siz tasdiqlashdan oldin ko'rinish bilan sun'iy intellektga siz uchun o'zgarishlar kiritishga ruxsat bering.

GitHub integratsiyasi

Loyihangizni haqiqiy Git repozitoriysiga sinxronlang.