22 תוספות שימושיות למתחילים

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

סיומת Chrome

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

2.חומרי הדברה - כלי לאיתור קצה

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

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

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

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

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

8.מעצב JSON - ארכה כדי להקל על הקריאה של הדגשת תחביר JSON, זחה, קישורי לחיצים.

9.חזור על Vimeo ו- Speed - הרחבה פשוטה כדי לזרז את שירות הווידאו Vimeo, שהוא שימושי כאשר לצפייה בסרטוני הדרכה.

הרחבות ל VS Code

10.לתיוג אוטומטי שינוי שם - הארכה לשנות את תגי HTML. אם תשנה את תג הפתיחה והסגירה לשנות באופן אוטומטי.

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

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

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

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

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

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

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

18.הקוד בודק איות - רחב עבור בדיקה מהירה של קוד הכתיב.

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

20.intellisense נתיב - כלי לתוספות אוטומטיות של שמות קבצים כמו קווי קלט.

21.יפה  - רחבה אוטומטית לפרמט את הקוד שלך ולהביא אותו לחלקים שונים של מוח יחיד.

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

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

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

ראה גם

• כיצד ללמוד תכנות מאפס →
• מה שפת תכנות עדיף ללמוד תחילה, ולמה →
• 20 ספרים הכי מומלצים מתכנתים רוסים →