אם אתם מריצים את אותו קוד במסוף שוב ושוב, כדאי לשמור את הקוד כקטע קוד במקום זאת. לקטעי הקוד יש גישה להקשר ה-JavaScript של הדף. הן חלופה לסימניות.
אפשר לכתוב קטעי מידע בחלונית מקורות ולהפעיל אותם בכל דף ובמצב פרטי.
לדוגמה, צילום המסך הבא מציג את דף הבית של תיעוד כלי הפיתוח בצד ימין, וקוד מקור של קטע קוד בחלונית מקורות > קטעי טקסט בצד שמאל.
זהו קוד המקור של קטע הקוד שמתעד הודעה כלשהי ומחליף את גוף ה-HTML של דף הבית ברכיב <p>
שמכיל את ההודעה:
console.log('Hello, Snippets!');
document.body.innerHTML = '';
const p = document.createElement('p');
p.textContent = 'Hello, Snippets!';
document.body.appendChild(p);
כשלוחצים על הלחצן הפעלה, חלונית ההזזה של Console נפתחת ומציגה את ההודעה Hello, Snippets!
על כך שיומני הטקסט והתוכן של הדף משתנים.
פתיחת חלונית קטעי הקוד
בחלונית קטעי טקסט מוצגים קטעי הקוד. כדי לערוך קטע טקסט, פותחים אותו באחת משתי דרכים:
עוברים אל מקורות > > קטעי קוד.
-
- מקישים על Control+Shift+P (Windows/Linux) או Command+Shift+P (Mac) כדי לפתוח את תפריט Command.
- מתחילים להקליד
Snippets
, בוחרים באפשרות הצגת קטעי טקסט ומקישים על Enter.
בחלונית מקורות>קטעי טקסט מוצגת רשימה של קטעי טקסט ששמרתם. הם ריקים בדוגמה זו.
יצירת נכסי מידע מובנה
אפשר ליצור קטעי קוד בחלונית קטעי טקסט או על ידי הרצת הפקודה המתאימה מתפריט הפקודות בכל מקום בכלי הפיתוח.
החלונית קטעי טקסט ממיינת את קטעי הטקסט לפי סדר אלפביתי.
יצירת תקציר בחלונית 'מקורות'
- פותחים את החלונית קטעי טקסט.
- לוחצים על קטע קוד חדש.
מזינים שם לקטע הקוד ומקישים על Enter כדי לשמור אותו.
יצירת קטע קוד מתפריט הפקודות
- מתמקדים במקום כלשהו בתוך כלי הפיתוח.
- מקישים על Control+Shift+P (Windows/Linux) או Command+Shift+P (Mac) כדי לפתוח את תפריט Command.
מתחילים להקליד
Snippet
, בוחרים באפשרות יצירת קטע קוד חדש ומקישים על Enter כדי להריץ את הפקודה.
אם רוצים לתת לקטע הקוד החדש שם מותאם אישית, צריך לעיין בקטע שינוי שם של קטעי טקסט.
עריכה של קטעי טקסט
- פותחים את החלונית קטעי טקסט.
בחלונית קטעי מידע, לוחצים על שם קטע הקוד שרוצים לערוך. החלונית מקורות פותחת אותה בעורך הקוד.
משתמשים בעורך הקוד כדי לערוך את הקוד בקטע הקוד. כשמופיעה כוכבית ליד השם של קטע הטקסט, סימן שעדיין לא שמרתם את השינויים.
כדי לשמור, מקישים על Control+S (Windows/Linux) או Command+S (Mac).
הרצת קטעי קוד
בדומה ליצירת קטע קוד, אפשר להפעיל אותו גם בחלונית קטעי מידע וגם בתפריט הפקודה.
הרצת קטע טקסט בחלונית 'מקורות'
- פותחים את החלונית קטעי טקסט.
- לוחצים על השם של קטע הקוד שרוצים להפעיל. החלונית מקורות פותחת אותה בעורך הקוד.
לוחצים על Run בסרגל הפעולות שבתחתית העורך, או מקישים על Control+Enter (ב-Windows או ב-Linux) או Command+Enter (ב-Mac).
מריצים קטע טקסט מתפריט הפקודות
- מתמקדים במקום כלשהו בתוך כלי הפיתוח.
- לוחצים על Control+O (Windows/Linux) או Command+O (Mac) כדי לפתוח את תפריט Command.
מקלידים את התו
!
ואחריו את השם של קטע הקוד שרוצים להפעיל.מקישים על Enter כדי להפעיל את קטע הקוד.
שינוי השמות של קטעי הקוד
- פותחים את החלונית קטעי טקסט.
- לוחצים לחיצה ימנית על שם הקטע ובוחרים באפשרות שינוי שם.
מחיקת קטעי הטקסט
- פותחים את החלונית קטעי טקסט.
- לוחצים לחיצה ימנית על שם קטע הקוד ובוחרים באפשרות הסרה.