> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# עריכת הקוד של האפליקציה שלכם

> קחו שליטה מלאה על האפליקציה שלכם על ידי עריכת הקוד והצגת תצוגה מקדימה של שינויים זה לצד זה בעורך.

ניתן לערוך את הקוד של כל חלק באפליקציית Base44 שלכם כדי לכוונן פריסה, תוכן והתנהגות. זה נותן לכם גמישות מלאה לעבור מעבר לתבניות וקוד שנוצר על ידי בינה מלאכותית כך שהאפליקציה שלכם תתאים בדיוק למה שאתם חושבים עליו.

הפעילו מסך מפוצל כדי לראות את התצוגה המקדימה החיה של האפליקציה שלכם לצד עורך הקוד, והחילו את השינויים שלכם מבלי לעבור לתצוגה מקדימה נפרדת.

<Frame caption="עריכת קוד האפליקציה שלכם ותצוגה מקדימה מיידית של השינויים">
  <img src="https://mintcdn.com/base44/HSXlsKQvBkYN-DXR/codeer.png?fit=max&auto=format&n=HSXlsKQvBkYN-DXR&q=85&s=845561c033d8e1acadf501429ed5efbb" alt="Editing your app's code and instantly previewing the changes" width="1915" height="958" data-path="codeer.png" />
</Frame>

***

## גישה לקוד של האפליקציה שלכם

פתחו את עורך הקוד מלוח הבקרה של האפליקציה שלכם. משם, תוכלו לראות את קבצי הפרויקט שלכם בצד שמאל ולקפוץ ישר לתוכם ולהתחיל לערוך.

**כדי לגשת לקוד האפליקציה שלכם:**

1. עברו ללוח הבקרה של האפליקציה.
2. לחצו על **Code**.

<Frame caption="גישה לקוד של האפליקציה שלכם ב-Base44">
  <img src="https://mintcdn.com/base44/hrVkAqsRzoi9NYCy/images/codepanel.png?fit=max&auto=format&n=hrVkAqsRzoi9NYCy&q=85&s=26096b47df03c978b9a81a823cd179fd" alt="Accessing your app's code in Base44" width="1912" height="955" data-path="images/codepanel.png" />
</Frame>

***

## תצוגה מקדימה של שינויים עם מסך מפוצל

מסך מפוצל מאפשר לכם לעבוד בעורך הקוד בזמן שתצוגת האפליקציה שלכם נשארת גלויה לצידו. אתם רואים איך העריכות שלכם משפיעות על הדף מבלי לעזוב את תצוגת הקוד. מכיוון שהתצוגה תמיד על המסך, אינכם צריכים לעבור הלוך ושוב למצב תצוגה מקדימה נפרד. תוכלו להמשיך לכתוב קוד, לשמור כשאתם מוכנים, ולראות מיד איך הדף נראה.

<Frame caption="מסך מפוצל לתצוגה מקדימה של שינויי קוד">
  <img src="https://mintcdn.com/base44/Kb6mZTf4mNXOF_gr/images/split.png?fit=max&auto=format&n=Kb6mZTf4mNXOF_gr&q=85&s=3b0556cac2c3cac886d1332d10521dc4" alt="Split screen for previewing code changes" width="1908" height="390" data-path="images/split.png" />
</Frame>

כשאתם נכנסים למסך מפוצל, הצד השמאלי מציג את הקוד עבור הקובץ שאתם עורכים והצד הימני מציג את אותו דף או נתיב בתצוגה מקדימה חיה.

**בכל פעם שאתם מבצעים שינויים בקוד:**

* לחצו על **Save** בתחתית המסך כדי להחיל את השינויים שלכם ולרענן את התצוגה עם הקוד העדכני ביותר.
* לחצו על **Discard** בתחתית המסך אם אתם רוצים להשליך את כל העריכות שלא נשמרו ולחזור לגרסה השמורה האחרונה של הקובץ.

<Warning>
  **חשוב:** אם אתם מבצעים שינויים בקוד האפליקציה, הקפידו ללחוץ על **Publish** כדי שהם יעלו לאוויר באפליקציה שלכם.
</Warning>

כשאתם מוכנים לעזוב את המסך המפוצל, לחצו על **Exit split**.

***

## ביצוע שינויים בקבצי קוד

עורך הקוד מארגן את האפליקציה שלכם לתיקיות וקבצים כך שתוכלו למצוא במהירות את מה שאתם רוצים לשנות. תוכלו לעבוד בכל קובץ באפליקציה שלכם ולבצע שינויים כולל:

* עריכת קבצי דפים בתיקיית Pages.
* עדכון רכיבים כגון hero sections, רשתות תכונות, כרטיסים או footers.
* שינוי איך האפליקציה שלכם מתחברת ליישויות ו-APIs.
* התאמת מחלקות פריסה ועיצוב כך שמקטעים, טיפוגרפיה ומרווחים ייראו כפי שאתם רוצים.
* בניה מחדש של מבנה האפליקציה על ידי שינוי שם, העברה או שימוש חוזר ברכיבים.

<Frame caption="צפייה וניווט בקבצי הקוד של האפליקציה שלכם">
  <img src="https://mintcdn.com/base44/hrVkAqsRzoi9NYCy/images/codefiles.png?fit=max&auto=format&n=hrVkAqsRzoi9NYCy&q=85&s=c47137a59a24c8125eb2095eff963770" alt="Viewing and navigating your app's code files" width="971" height="791" data-path="images/codefiles.png" />
</Frame>

אם אתם מרגישים בנוח עם React, תוכלו לייבא ולהשתמש מחדש ברכיבים במספר דפים, לעדכן props ו-hooks כדי לשלוט בזרימת נתונים ואינטראקטיביות, ולהוסיף או להסיר מקטעים ב-JSX כדי לשנות את המבנה של דף.

***

## שאלות נפוצות

לחצו על שאלה למטה כדי ללמוד עוד על עריכת קוד באפליקציה שלכם.

<AccordionGroup>
  <Accordion title="האם אוכל לערוך כל חלק בקוד של האפליקציה?">
    כן. ניתן לפתוח ולערוך כל קובץ קוד שמופיע בפאנל קבצי הקוד, כולל דפים, רכיבים, פריסות ועוזרי יישויות. אם חלק מהאפליקציה נוצר עבורכם, הוא עדיין מופיע כקוד רגיל שתוכלו לשנות.
  </Accordion>

  <Accordion title="האם אני צריך להשתמש במסך מפוצל כדי לערוך קוד?">
    לא. תוכלו לעבוד בעורך הקוד ברוחב מלא אם אתם מעדיפים יותר מקום. מסך מפוצל מועיל כשאתם רוצים לראות את התצוגה לצד הקוד, אבל תוכלו לכבות אותו בכל עת ולפתוח אותו שוב מאוחר יותר.
  </Accordion>

  <Accordion title="מה קורה אם אני לוחץ על Discard?">
    Discard מסיר את כל השינויים שלא נשמרו בקובץ הפעיל ומשחזר את הגרסה השמורה האחרונה. זה שימושי אם אתם מנסים משהו שלא עובד ורוצים לחזור במהירות. ברגע שאתם לוחצים על Discard, לא ניתן לשחזר את הקוד שלא נשמר מהסשן הזה.
  </Accordion>

  <Accordion title="האם אני צריך להיות מפתח מנוסה כדי לערוך את הקוד?">
    אינכם צריכים להיות מומחים, אבל היכרות בסיסית עם React ו-JSX עוזרת. תוכלו להתחיל עם שינויים קטנים כגון עדכון טקסט, החלפת רכיבים או שינוי סגנונות פשוטים, ואז לעבור ללוגיקה מתקדמת יותר ככל שאתם צוברים ביטחון
  </Accordion>
</AccordionGroup>

<Note>דף זה תורגם באמצעות בינה מלאכותית. למידע המדויק והעדכני ביותר, עיין ב[גרסה האנגלית](/). </Note>
