שינויים: מעקב אחר שינויים ב-HTML, ב-CSS וב-JavaScript

סופיה אמליאנובה
סופיה אמליאנובה
GitHub

בכרטיסייה שינויים, אפשר לעקוב אחר השינויים שביצעתם:

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

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

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

פתיחת הכרטיסייה 'שינויים'

כדי לפתוח את הכרטיסייה שינויים:

  1. פותחים את כלי הפיתוח.

  2. מקישים על Command+Shift+P (Mac) או על Control+Shift+P (Windows, Linux, ChromeOS) כדי לפתוח את תפריט הפקודה.

  3. מתחילים להקליד changes, בוחרים באפשרות הצגת השינויים ומקישים על Enter.

    הרצת הפקודה 'הצגת השינויים'

לחלופין, בפינה השמאלית העליונה לוחצים על התאמה אישית ושליטה של כלי פיתוח > כלים נוספים > שינויים.

שינויים" width="800" height="460">

כברירת מחדל, הכרטיסייה Changes (שינויים) מוצגת בתחתית החלון של כלי הפיתוח, בחלונית ההזזה.

הצגת השינויים והבנתם

כדי להציג את השינויים:

  1. פותחים את כלי הפיתוח.

  2. עורכים את השינויים הרצויים במקורות:

  3. פותחים את הכרטיסייה שינויים ובוחרים קובץ בצד שמאל של הכרטיסייה.

  4. צריך לצפות בפלט diff שמדגיש את הנקודות הבאות:

הבדל מודגש בכרטיסייה 'שינויים'

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

העתקת שינויי ה-CSS

אם ביצעתם שינויים ב-CSS באמצעות רכיבים > סגנונות, תוכלו להעתיק את כולם בלחיצה אחת:

  1. פותחים את הכרטיסייה Changes (שינויים), ובצד שמאל של הכרטיסייה בוחרים את קובץ ה-CSS שבו ביצעתם את השינויים.

    העתק.

  2. לוחצים על הלחצן העתק. העתקה בחלק התחתון של הכרטיסייה 'שינויים'.

ביטול כל השינויים שבוצעו בקובץ

כדי לבטל שינויים שבוצעו בקובץ:

  1. בצד ימין של הכרטיסייה שינויים, בוחרים קובץ עם השינויים שרוצים לבטל.
  2. בסרגל הפעולות שלמטה, לוחצים על ביטול ביטול כל השינויים בקובץ הנוכחי.

לחצן חזרה לגרסה הקודמת