22 הרחבות שימושיות למתכנת מתחיל

2024 מְחַבֵּר: Malcolm Clapton | [email protected]. שונה לאחרונה: 2023-12-17 03:56

הרחבות עבור Chrome ו-Visual Studio Code שמקלים על משימות קידוד רבות וחוסכות לך זמן.

הרחבות לכרום

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

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

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

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

5. Wappalyzer הוא כלי עזר המאפשר לזהות מערכות ניהול תוכן, מסגרות, תוכנות שרתים, כלי ניתוח וטכנולוגיות אחרות המשמשות באתרים.

6. כלי המפתחים של React הם כלי שימושי לאיתור באגים ביישומי React.js.

7. Redux DevTools הוא כלי לאיתור באגים ביישומים באמצעות Redux.

8. JSON Formatter הוא הרחבה כדי לפשט את הקריאות של JSON עם הדגשת תחביר, הזחה, קישורים ניתנים ללחיצה.

9. Vimeo Repeat and Speed הוא הרחבה פשוטה להאצת שירות הווידאו של Vimeo, שהוא שימושי בעת צפייה במדריכי וידאו.

הרחבות לקוד VS

10. Auto Rename Tag הוא הרחבה לשינוי שמות של תגי HTML. כאשר תשנה את תג הפתיחה, תג הסגירה ישתנה אוטומטית.

11. תמיכת HTML CSS - תמיכת CSS עבור מסמכי HTML עם הדגשת תחביר, חיבור קבצי CSS מרוחקים ותכונות שימושיות אחרות.

12. קטעי HTML הם קטעי קוד מוכנים כדי לחסוך זמן.

13. Babel ES6 / ES7 הוא כלי הדגשה ובדיקת תחביר של Babel של JavaScript.

14. Bracket Pair Colorizer הוא כלי לצביעה של פתיחה וסגירה של סוגריים עם צבעים ספציפיים כדי למצוא אותם במהירות.

15. ESLint - שילוב של ESLint לתוך Visual Studio Code כדי לבדוק את איכות הקוד שלך ולמצוא באגים.

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

17. JavaScript Console Utils הוא כלי עזר כדי לפשט את היצירה של הצהרות console.log () שימושיות, כולל הכנסה מהירה של קוד לרישום משתנה נבחר.

18. Code Spell Checker הוא הרחבה לבודק איות קוד מהיר.

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

20. Path Intellisense הוא כלי להשלמת שמות קבצים אוטומטית עם הזנת שורה.

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

22. VSCode-Icons - הוסף אייקונים חזותיים לעץ הקבצים לחיפוש קל יותר ותפיסה חזותית טובה יותר.

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