10 חבילות טקסט הנשגב עבור מפתחי Frontend

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

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

אם אתה מפתח frontend, יש לנו handpicked כמה הרחבות ולשים אותם יחד בשבילך במאמר זה. אלו הם 10 חבילות טקסט נשגב מפתחי Frontend צריך לנסות.

עוד על Hongkiat.com:

• 18 תוספים חיוניים כדי לקבל יותר מתוך SublimeText
• [כיצד] עבודה עם קטעי קוד ב טקסט סאבליים
• [כיצד] רענן שינויים בדפדפן עם טקסט הנשגב
• [כיצד] זיהוי שגיאת קוד ב טקסט סאבליים
• צבע קל בחירת טקסט הנשגב

1. AlignTab

AlignTab הוא תוסף ליישור הקודים שלך. יש לזה “מצב תצוגה מקדימה” אשר מאפשר לך לראות כיצד ייושם היישור (בהתחשב בסימן RegEx) לפני שהוא מוחל בפועל. כמו כן יש את “מצב טבלה” יאפשר לך להגדיר יישור הנכון עבור שולחנות בפורמט Markdown, מובנה עם צינורות: |. AlignTab הוא הרחבה שימושית כדי לסדר את יישור הקוד שלך ולהקל על הקריאה.

2. ColorHighlighter

ColorHighlighter הוא תוסף זה מציג קודי צבע שנבחרו עם צבע חזותי שלהם. אם תבחר “#fff” זה יראה לך את הצבע, לבן. ColorHighlighter תומך בכל פורמטי צבע CSS כגון Hex, RGB, HSL, HSV, וכוללים מילות מפתח צבע כמו “אדום”, “ירוק”, וכו 'זה גם להראות לך LESS, Sass, ו חרט משתנים המכיל ערך צבע. זה חתיכת plugin זה יעזור לך להיות יותר אינטואיטיבי בעת עבודה עם צבעים.

3. MultiEditUtils

תוסף MultiEditUtils משפר את SublimeText מובנה “רב הסמן” ו “רב ברירה” תכונה, חוסכת לנו זמן עריכת שורות קוד ארוכות. לדוגמה: ניתן למזג או להחליף בין השורות שנבחרו, זה גם משפר את SublimeText “פיצול הבחירה” על ידי כך שתציין את הסימון לפצל שורות שנבחרו. אני חושב שזה חייב להיות plugin להתקין עבור pro-coders.

4. Gitter Gitter

אם אתה עובד עם Git, Git Gutter הוא מומלץ טקסט Sublime תוסף להתקין. GitGutter תציג דגל באזור הביוב, של כל עריכה, תוספות או הסרה שעשית בתוך הקוד שלך. זהו קוד שימושי כדי לראות באופן מיידי את ההשוואה בין מהדורת הקוד שלך לבין המאגר שלך, סניף או מאגר HEAD.

5. Modific

שינוי זה שימושי כאשר אתה משתמש ב- Git או SVN בעבודתך. בדיוק כמו GitGutter, Modific יסמן שינוי בקודים שלך. מלבד הדגשת שינויים, ניתן גם להציג או להשוות את ההבדל בין הקוד הנוכחי לבין להתחייב האחרון על ידי הקשה על Ctrl + Alt + D. דברים אחרים שאתה יכול לעשות עם Modific כוללים הצג את הקוד שבוצע עבור השורה הנוכחית ממש כמו ביטול שינויים קוד - -.

6. Inc דצמבר ערך

Inc Dec הערך מאפשר לך להגדיל או להקטין מספרים בו זמנית, גם אם הם על קווים שונים. מלבד מספרים, אתה יכול גם לשנות את הערך של תאריכים, וצבעים HEX. כדי להשתמש בפלאגין זה יש להפנות את הסמן רק לימין המספר ולאחר מכן הקש על Alt + ↑ כדי להגדיל את מספר או Alt + ↓ כדי להקטין את המספר. ניתן גם להשתמש בגלגל העכבר.

7. FileBrowser

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

8. IconFont

IconFont מספק קטעי טקסט עבור גופנים פופולריים רבים כגון FontAwesome, PaymentFont, Typicons ו Gitub אוקטיקונים. הוא פועל בדומה לקטעי HTML רגילים קיצורים יורחבו לכל אורך של שיעורים וקוד HTML עבור כל סמל.

9. הסחת דעת

למרות טקסט מובנה מובנית “הסחת דעת חינם” תכונה מאפשרת לך להתמקד בקוד או בתוכן שאתה מקליד, כאשר אתה במצב זה, את minimap, sidebar, וכל כרטיסיות אחרות מוסתרים. ללא הפרעה אין פירושו לאבד גישה לתכונות אלה. זה המקום שבו DistractionFreeWindow בא לתת לך גמישות רבה יותר במונחים של אופן ההתנהלות חינם מצב צריך להתנהג.

10. מסננים

מסננים מאפשר לך לחפש את השורות בתוך המסמך שלך עבור נתון “מחרוזת מילות מפתח” או “סימון של RegEx”. זוהי תכונה שימושית להתמודד עם כמויות גדולות של נתונים גולמיים בצורה של JSON, JavaScript מערך, CVS.