הרצת קטעי קוד של JavaScript

Sofia Emelianova
Sofia Emelianova

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

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

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

דף הבית של מסמכי התיעוד של כלי הפיתוח לפני הרצת קטע הקוד. הלחצן 'הפעלה' מודגש.

הנה קטע קוד המקור שמתעד הודעה ומחליף את גוף ה-HTML של דף הבית ברכיב <p> שמכיל את ההודעה:

console.log('Hello, Snippets!');
document.body.innerHTML = '';
const p = document.createElement('p');
p.textContent = 'Hello, Snippets!';
document.body.appendChild(p);

כשלוחצים על הלחצן הפעלה. הפעלה, קופצת חלונית ההזזה של המסוף ומוצגת ההודעה Hello, Snippets! על כך שיומני קטעי הקוד ותוכן הדף משתנה.

דף הבית אחרי הרצת קטע הקוד.

פתיחת החלונית 'קטעי טקסט'

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

  1. עוברים אל מקורות &gt; עוד כרטיסיות. &gt; קטעי טקסט.

    תפריט הכרטיסיות &#39;עוד&#39; בחלונית &#39;מקורות&#39;.

  2. מתפריט הפקודה:

    1. מקישים על Control+Shift+P (Windows/Linux) או על Command+Shift+P (Mac) כדי לפתוח את תפריט הפקודה.
    2. מתחילים להקליד Snippets, בוחרים באפשרות הצגת קטעי טקסט ומקישים על Enter.

    בחירה באפשרות &#39;הצגת קטעי טקסט&#39; מתפריט הפקודה.

בחלונית מקורות&gt;קטעי טקסט מוצגת רשימה של קטעי הטקסט ששמרתם, ריקים בדוגמה הזו.

חלונית קטעי טקסט ריקה.

יצירת נכסי מידע מובנה

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

החלונית קטעי טקסט ממיינת את קטעי הקוד בסדר אלפביתי.

יצירת קטע מידע בחלונית 'מקורות'

  1. פותחים את החלונית קטעי טקסט.
  2. לוחצים על קטע קוד חדש. קטע קוד חדש.
  3. נותנים שם לקטע הקוד ומקישים על Enter כדי לשמור אותו.

    מתן שם לקטע קוד.

יצירת קטע קוד מתפריט הפקודה

  1. מעבירים את הסמן למקום כלשהו בתוך כלי הפיתוח.
  2. מקישים על Control+Shift+P (Windows/Linux) או על Command+Shift+P (Mac) כדי לפתוח את תפריט הפקודה.
  3. מתחילים להקליד Snippet, בוחרים באפשרות יצירת קטע קוד חדש ומקישים על Enter כדי להריץ את הפקודה.

    בחירה באפשרות &#39;יצירת קטע קוד חדש&#39; בתפריט הפקודה.

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

עריכת נכסי מידע מובנה

  1. פותחים את החלונית קטעי טקסט.
  2. בחלונית קטעי טקסט, לוחצים על השם של קטע הקוד שרוצים לערוך. החלונית מקורות פותחת אותה ב-Code Editor.

    קטע קוד נפתח בעורך הקוד.

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

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

  4. כדי לשמור, מקישים על Control+S (Windows/Linux) או על Command+S (Mac).

הרצת קטעי טקסט

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

הרצת קטע מידע בחלונית 'מקורות'

  1. פותחים את החלונית קטעי טקסט.
  2. לוחצים על השם של קטע הקוד שרוצים להפעיל. החלונית מקורות פותחת אותה ב-Code Editor.
  3. לוחצים על הפעלה. Run בסרגל הפעולות שבתחתית העורך. או מקישים על Control+Enter (Windows/Linux) או על Command+Enter (ב-Mac).

    לחצן ההפעלה.

הרצת קטע קוד מתפריט הפקודה

  1. מעבירים את הסמן למקום כלשהו בתוך כלי הפיתוח.
  2. מקישים על Control+O (Windows/Linux) או על Command+O (Mac) כדי לפתוח את תפריט הפקודה.
  3. מקלידים את התו ! ואחריו את השם של קטע הקוד שרוצים להריץ.

    הרצת קטע טקסט מהתפריט הפתוח.

  4. מקישים על Enter כדי להפעיל את קטע הקוד.

שינוי השם של קטעי טקסט

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

מחיקת קטעי טקסט

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