תוספים שימושיים לVSC

[yossiz]

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

מתוך הרשימה מצאתי רק יחידים שאולי שימושיים לציבור (רוב השאר הם תמיכה בשפות, פורמטים, וכדומה):

• gitlens - שימושי מאוד למי שעובד בטים, מראה ליד כל שורה את ה-git blame שלו. (יש לו המון פיצ'רים, אבל זה הדבר הכי שימושי בשבילי)
• Project Manager - גישה מהירה לפרוייקטים שלך
• Todo Tree - כשמו כן הוא. מראה תצוגה נוחה של הערות TODO
• eslint או standardjs - התממשקות עם ה-linter של JS
• npm dependency - עדכון תלויות בקליק ימני בתוך קובץ ה-package.json

[Shaya]

יש לי כמה תוספים מוצלחים להוסיף לכל הנ"ל:

• Color Highlight - צובע ערכים של צבעים (כמו #efefef וכו') עם הצבע המתאים בתוך העורך קוד.

• Material Icon Theme - נותן את האייקון המתאים לכל קובץ לפי הסיומת.

• GitHub Copilot - תוסף שנוי במחלוקת... בהתחלה הייתי סקפטי לגביו, אבל למעשה בשבילי זה ממש עוזר ברוב המקרים (יש לציין שזה עדיין בבטא ויש להירשם כאן כדי לקבל גישה). עובד מצויין עם נטפרי.

---

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

[צדיק תמים]

@Shaya אמר בתוספים שימושיים לVSC:

יש לציין שזה עדיין בבטא ויש להירשם כאן כדי לקבל גישה

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

[dovid]

@צדיק-תמים שוב תודה על thunder-client
הוא נראה ממש מושלם.
אני מתפלא על כך שלא שמעתי עליו וגם תוהה במה כולם משתמשים.

[צדיק תמים]

עכשיו גיליתי משהו חדש - tabnine (תוסף VSC). בגדול הרעיון הוא כמו ה-GitHub Copilot (שבדיוק קיבלתי גישה), אבל בעוד הGitHub Copilot מיועד בעיקר להציע קטעי קוד שלמים, מה שאני (ואני מאמין שעוד הרבה) פחות אוהבים - וגם הדיוק לא כל כך טוב, התוסף הזה בעיקר מציע השלמות להמשך ה"משפט" (השורת קוד), ובינתיים הוא נראה טוב פי כמה וכמה!
הוא פשוט לוקח את ההשלמה המובנית של VSC (מסומן באדום):

ולוקח אותה כמה צעדים קדימה...
כמה דוגמאות קטנות:


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

---

כנראה שיש כאלה שלא יאהבו גם אותו. אבל לי זה היה ממש בשורה, דבר שתמיד רציתי - ואולי מישהו פה יהנה מזה גם...

[dovid]

@צדיק-תמים יפה,
בVisual Studio 2020 יש השקעה מיוחדת של בינה מלאכותית בהשלמת שורות וקטעי קוד והוא מדהים בחכמתו.

[צדיק תמים]

Visual Studio @dovid נוח לכתיבת JS כמו VSC?

[dovid]

@צדיק-תמים לא יודע, הוא לא בשביל זה לדעתי והוא הרבה יותר כבד בשביל המשימה הזו.
הוא טוב לפרוייקטים של C# שיש בהם המון ניווט פנימי והידור והרצה.
גם ההשלמה עליה דיברתי חוויתי רק בC#, לא יודע אם יש את זה בשפות אחרות (בJS יש הרבה פחות אינדיקציה מה אתה הולך לעשות מאשר בC# או TS).

[OdedDvir]

@dovid אמר בתוספים שימושיים לVSC:

והוא מדהים בחכמתו.

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

[רפאל]

ההשלמה האוטומטית מבוססת הבינה מלאכותית המובנית בVisual Studio 2022 שהזכיר @dovid תומכת גם בTypeScript/JavaScript (הרשימה המלאה למטה) בנוסף Visual Studio 2022 מציע מעלות ואפשרויות רבות נוספות עבור הפיתוח בTypeScript/JavaScript (כפי שניתן לראות כאן) מה שהופך אותו לIDE מצויין גם עבור שפות אלו.

עם זאת משתמשי VSC גם יכולים להנות מאותה השלמה אוטומטית באמצעות הורדת התוסף הפופולארי Visual Studio IntelliCode, התוסף ממוקם במקום השמיני ברשימת התוספים הפופולריים ביותר של VSC עם מעל 17 מיליון הורדות.

השפות הנתמכות ע"י Visual Studio IntelliCode:

1. Python
2. TypeScript/JavaScript
3. Java

השפות הנתמכות ע"י Visual Studio 2022 AI-based IntelliCode:

1. C#
2. C++
3. TypeScript/JavaScript
4. XAML
5. Visual Basic

[צדיק תמים]

@רפאל באמת מוצלח!
ומה שבמיוחד נוח בזה זה שזה משתלב עם tabnine, וככה יש יותר הצעות... פעם זה פעם זה..

[aaron]

@OdedDvir אמר בתוספים שימושיים לVSC:

@dovid אמר בתוספים שימושיים לVSC:

והוא מדהים בחכמתו.

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

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

[צדיק תמים]

@רפאל אמר בתוספים שימושיים לVSC:

עם זאת משתמשי VSC גם יכולים להנות מאותה השלמה אוטומטית באמצעות הורדת התוסף הפופולארי Visual Studio IntelliCode, התוסף ממוקם במקום השמיני ברשימת התוספים הפופולריים ביותר של VSC עם מעל 17 מיליון הורדות.

צ"ע, כי התוסף הזה מציע לי ממש ממש מעט, רק מתודות כמו זה:

אבל לא שום דבר שמצריך בינה מלאכותית וכדומה...
מישהו פה ניסה את זה בתור התוסף לVSC ולא בVS עצמו?

[צדיק תמים]

רשימה מקיפה של תוספים, הרבה מהם שימושיים לדעתי, ב7 חלקים,
אני מביא כאן קישור לחלק הראשון ובתחתית כל חלק יש קישורים לאחרים.
שווה לעבור ולנסות.
https://farhan-tanvir.medium.com/10-useful-vs-code-extension-to-make-life-easier-b0c156a0e763

[קומפיונט]

יש ל-vscode המון הרחבות של ערכת נושא, אבל אני רוצה להביא שילוב של שני הרחבות שאני אישית מאוד אוהב, וזה אחרי בדיקה של עשרות themeים...

ההרחבות הם:

• Andromeda
• Material Icon Theme

מצרף צילומי מסך:
זה הערכת נושא הכהה הרגילה של vscode:

וזה אחרי שני התוספים הנ"ל: