קח את פרודוקטיביות הקידוד שלך לשלב הבא על ידי שילוב ChatGPT עם קוד VS.

אתה יכול להיות הבוס של המשימות שלך ולהגביר את הפרודוקטיביות שלך כאשר אתה לומד למנף את כלי הבינה המלאכותית שיוצאים מדי יום ממעבדות המחקר. VS Code כולל את הרחבה ChatGPT כדי להביא לך סביבת קידוד התומכת ב-OpenAI.

אתה יכול למנף את מודל הקידוד העצום של ChatGPT כדי להשלים את הפרויקטים שלך בצורה יעילה ומהירה יותר - ממש בתוך ה-IDE. הנה דרכים שימושיות בהן תוכל להשתמש ב-ChatGPT עם קוד VS.

כיצד להתקין ולהשתמש בתוסף ChatGPT בקוד VS

כשאתה מחפש "ChatGPT" או "Code GPT" בשוק הרחבות VS Code, הרחבות קשורות רבות עולות. שלא כמו GitHub Copilot, אלה אינם רשמית ישירות מ-OpenAI.

עם זאת, רוב תוספי VS Code ChatGPT שנדגמו פועלים באותו אופן. אבל אנחנו נצמד תוסף ChatGPT של EasyCode למאמר זה, מכיוון שהוא די הגון להדגמת מקרי שימוש ב-ChatGPT בקוד VS. הוא תומך ב-GPT-4 וב-GPT-3.5, יש לו שכבה חינמית ואינו דורש מפתח API.

כדי להתקין את תוסף ChatGPT בקוד VS:

  1. פתח את VS Code ולחץ על סמל ההגדרות בפינה השמאלית התחתונה של סרגל הצד השמאלי.
  2. לך ל הרחבות.
  3. לחלופין, הקש Ctrl + Shift + X (Command + Shift + X עבור Mac) כדי לפתוח ישירות את השוק של ההרחבות.
    4. instagram viewer
  4. הקלד "ChatGPT - EasyCode" בשורת החיפוש בצד שמאל למעלה.
  5. לחץ על התוסף כשתראה.
  6. לבסוף, לחץ להתקין.
  7. לאחר ההתקנה, תראה את סמל התוסף בסרגל הצד השמאלי.
  8. לחץ על סמל ההרחבה. נְקִישָׁה נסה ללא חשבון. אבל תרגיש חופשי להתחבר אם יש לך חשבון או הירשם לחשבון חדש אצל ספק ההרחבה.

כיצד להשתמש בתוסף ChatGPT

  1. כדי להשתמש בהנחיה מובנית, סמן את קוד היעד ולחץ עליו באמצעות לחצן העכבר הימני. בחר כל אחת מההנחיות הזמינות.
  2. כדי לכתוב הנחיה מותאמת אישית, לחץ לחיצה ימנית על הקוד המודגש ובחר שאל GPT. הקלד את ההנחיה שלך בתיבת הצ'אט בחלק העליון ולחץ להיכנס.

כיצד להשתמש בתוסף ChatGPT עם בסיס הקוד שלך

אם פתחת את VS Code לספריית בסיס הקוד שלך ואתה רוצה ש-ChatGPT יקבל גישה למודולים הבסיסיים:

  1. לחץ על סמל התוסף בסרגל הצד השמאלי. לאחר מכן בדוק את תשאל את Codebase קופסא.
  2. העתק את קוד היעד והדבק אותו בתיבת הצ'אט.
  3. הקלד את ההנחיה שלך מתחת לקוד (לחץ Shift + Enter) בתיבת הצ'אט.
  4. ללחוץ להיכנס או לחץ על סמל השליחה.

עכשיו בואו נראה את הדרכים השונות להשתמש ב-ChatGPT בקוד VS.

1. שחזר ושנה קוד

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

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

defmakeDict(n: str, **kwargs)->כתיב:
 כמה: dict
ל ערך מפתח ב kwargs.items():
 חלק = n+" "+ערך
לַחֲזוֹר כמה
newDict = makeDict("לִקְנוֹת", פריט1="ספר GPT", פריט2="מדריך ג'אווה", פריט3="מדריך טיולים")

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

יתר על כן, אתה יכול להשתמש ב- שאל מעקב תיבה כדי לומר ל-ChtGPT להמיר את הקוד למחלקה ולהראות כיצד ליצור אותו:

הקוד שנוצר לעיל הוא מודולרי יותר וניתן לשימוש חוזר.

2. נפה באגים בקוד שלך

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

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

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

3. כתוב את הקוד שלך בשפה אחרת

אולי תרצה לכתוב תוכנית בשפה מסוימת מלבד הליבה שלך. אתה יכול לכתוב את הקוד שלך בשפת הליבה שלך ולבקש מ-ChatGPT לשכתב אותו בשפת התכנות שנבחרה.

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

לדוגמה, המרנו את קוד Python הבא למקבילה שלו ב-C באמצעות סיומת VS Code ChatGPT:

אתה יכול להשיג זאת על ידי לחיצה ימנית על הקוד המודגש ובחירה ב- תשאל את GPT אוֹפְּצִיָה.

הנה ההנחיה שלנו בקוד VS:

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

4. צור רכיב Frontend עבור ה-API שלך

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

לדוגמה, השתמשנו בתוסף כדי ליצור רכיב React ליצירת לוח זמנים לפגישה המבוסס על נקודת קצה API שנוצרה באמצעות FastAPI של Python:

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

לאחר התייחסות לבסיס הקוד שלנו, תוסף VS Code ChatGPT סיפק רכיב React שימושי לשימוש בנקודת הקצה שסופקה:

5. הסבר קוד בלוקים

נניח שתפסת פיסת קוד מ-Stack Overflow או ממאגר GitHub. אתה יכול לשאול את תוסף ChatGPT בקוד VS כדי להסביר איך זה עובד להבנה טובה יותר. זה עוזר לך לנפות באגים בקוד כזה בקלות אם מתעוררים באגים עקב שינויים עתידיים בקוד.

במקרה השימוש לדוגמה זה, ביקשנו מהתוסף ChatGPT להסביר את הקוד הבא; מחלקה Python לאימות כתובות האימייל של המשתמשים.

זה יצר את התגובה הבאה:

6. צור תבניות HTML עבור היישום שלך

באמצעות תוסף ChatGPT בקוד VS, אתה יכול ליצור תבנית HTML (כמו שדות קלט) מאפס - באמצעות תיבת הצ'אט של התוסף ישירות. לדוגמה, אתה יכול להגיד לו ליצור תבנית HTML לרישום משתמש.

אבל מה אם אתה כותב יישום שמציג נתונים ל-HTML ישירות (לא SPA) ורוצה תבנית ספציפית לפרויקט? אתה יכול להשתמש בתוסף ChatGPT בקוד VS כדי ליצור תבניות HTML המציגות את נתוני הקצה האחורי למשתמשים.

לדוגמה, אם אתה משתמש ב-an מסגרת מבוססת ארכיטקטורת MVT כמו Django, אתה יכול להשתמש בתוסף כדי לזייף תבניות HTML עבור תצוגות ה-Django שלך.

שוב, עבור מקרה שימוש מסוג זה, אולי תרצה ללחוץ על תשאל את Codebase תיבת סימון עבור ChatGPT כדי לגשת לבסיס הקוד שלך.

7. יחידה-בדוק את הקוד שלך

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

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

ביקשנו מ-ChatGPT לכתוב מבחן יחידה עבור נקודת קצה של רישום שנוצרה באמצעות FastAPI של Python:

היא דגמה את בסיס הקוד ביעילות כדי ליצור את בדיקת היחידה הנדרשת:

8. מצא פרצות אבטחה פוטנציאליות

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

כדי לאפשר ל-ChatGPT לסרוק את בסיס הקוד שלך, השתמש ב- תשאל את Codebase אפשרות (לחץ על סמל התוסף וסמן את תשאל את Codebase קופסא).

אם אתה בדרך כלל מהמר את הדרך שלך באיזה או תכונות VS Code חדשות, אל תהסס לשאול את דרכך ב-IDE מהרחבת ChatGPT.

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

או שאתה יכול לשאול את זה שאלה טכנית יותר, כמו איך לפתוח את קוד VS משורת הפקודה.

10. כתוב תיעוד ישירות מקוד VS

אתה יכול לכתוב תיעוד מפורט עבור פיסת קוד ישירות מקוד VS בקלות באמצעות סיומת ChatGPT.

לדוגמה, הנה תיעוד מפורט של פונקציית יצירת קישורים זום (בפורמט HTML) שיצרנו באמצעות תוסף VS Code ChatGPT:

קוד ביעילות עם ChatGPT בקוד VS

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