10 חבילות אטום שימושי ביותר עבור מפתחי אינטרנט

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

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

בוחר צבעים

כפי שהשם מרמז, חבילה זו מאפשרת לך לבחור צבעים, וזה קל כמו קליק ימני ובחירת 'פיקר צבע'. לחלופין ניתן לעשות זאת על ידי לחיצה על CMD / CTRL + SHIFT + C. בורר הצבע עובד אם הסמן שלך מופיע בטקסט ב- CSS / SASS / LESS המכילים את אחד מתצורות הצבע הבאות: HEX, HEXA, RGB, RGBa, HSL, HSLa, HSV, HSVa, VEC3 ו- VEC4, או משתנה צבע SASS או LESS. כמו כן יש את היכולת להמיר בין הפורמטים.

אמט

אמט נראה תוסף שאתה צריך להתקין, מה את עורך טקסט הסביבה. התכונות העיקריות של Emmet כגון הרחבת קיצורים ועטיפה עם קיצורים, מאפשרים לך לעבוד במהירות בעת כתיבת HTML, CSS, Sass / SCSS ותחביר LESS. לדוגמה, ב- HTML, הקלד p> a.mylink ולאחר מכן הקש על מקש TAB כדי לקבל תג HTML מלא

. גיליון Cheat יעזור לך ללמוד במהירות את תחביר הקיצור של אמט.

Minimap

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

לייפות

לייפות יהיה להפוך את קוד מבולגן שלך neater וקריא יותר. יש לו תמיכה רבה בשפות תכנות, כגון HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C + +, C #, Objective-C, CoffeeScript, scriptcript ו- SQL. לאחר התקנת החבילה, כדי להפעיל אותה, פשוט לחץ לחיצה ימנית ובחר 'לייפות תוכן העורך', או דרך חבילות> Atom לייפות> יופי.

אטום לינטר

אטום לינטר מגיע "בית" של תוספים linting עבור שפות עיקריות, מתן ברמה העליונה API עבור linters. ישנם linters זמין עבור JavaScript, CoffeeScript, CSS / SASS / SCSS / LESS / STYLUS, רובי, Python. בשפה אחת יש יותר תוסף זמין, כגון JSHint, JSCS ו JSXHint עבור JavaScript.

לאחר התקנת החבילה העיקרית, אתה צריך להתקין את linter ספציפי עבור השפה אתה עובד, למשל אם אתה ב- JavaScript ובחר JSHint עבור linter אז אתה יכול להתקין אותו על ידי הפעלת $ apm להתקין linter-jshint על מסוף.

קובץ סמלים

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

קטעי

קטעי מאפשר לך לכתוב במהירות את קוד המקור של JS. עם קיצור מוגדר אתה לא צריך לכתוב מילה קוד מילה, למשל פשוט סוג קל לעשות console.log ו גי ל getElementById. פונקציונליות זו דומה ל- Emmet, אך היא פועלת בקוד JavaScript. חבילת Atom זו מספקת רבות מתחביר ה- JavaScript כמו הפונקציה, המסוף והלולאה.

מורכ

מורכ עושה את קוד הסגנונות שלך מעוצב באופן עקבי, מחפש מסודר ויפה. ניתן להשתמש בהעדפות מיון מראש המבוססות על Yandex, Zen או CSSComb עצמו, או שתוכל אפילו להשתמש בהעדפותיך כדי לבצע כללי מיון. לאחר התקנת החבילה, ניתן לבצע את פעולת המיון על-ידי הקשה על CTRL + ALT + C או גישה לתפריט ההקשר באמצעות חבילות> מסרק CSS> Comb.

גיט פלוס

גיט פלוס מאפשר לך לעבוד עם Git מבלי לעזוב את עורך Atom. בתוך העורך אתה יכול לעשות Git להתחייב, לקופה, לדחוף / למשוך, הבדל פקודות git אחרים. אתה צריך להגדיר את שם משתמש ו user.email על קובץ git config שלך כדי להפוך את כל הפונקציות לעבוד. כדי לגשת לכל פקודות git, פתח את לוח הצבעים עם CMD + SHIFT + H או בחר החבילה> גיט פלוס.

עריכה מרחוק

עריכה מרחוק מסייע לך לראות ולערוך את הקבצים המרוחקים שלך מבלי לעזוב את העורך או עם השימוש של יישומי FTP אחרים. כדי להתחיל, ראשית ליצור מארח חדש, ולאחר מכן להוסיף דרך התפריט חבילות> עריכה מרחוק> הוסף מארח חדש והוסף את פרטי הכניסה שלך. עכשיו אתה יכול לגלוש אל הקבצים המרוחקים שלך, להשתמש CTRL + ALT + B כדי לדפדף המארח רשום לראות את הקבצים.