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

Kayce Basques

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. עוברים אל מקורות > > קטעי טקסט.

   

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

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

   

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

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

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

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

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

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

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

   

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

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

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

   

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

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

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. לוחצים לחיצה ימנית על שם קטע הקוד ובוחרים באפשרות הסרה.