דף הבית » ערכת כלים » 15 שימושי AngularJS כלים למפתחים

    15 שימושי AngularJS כלים למפתחים

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

    אנחנו מסתכלים על 15 מיטב IDEs, עורכי טקסט, כלים לבדיקות & באגים, מודולים ו כלי פיתוח ואפליקציות לבנייה עם זוויתי. אם יש לך את הכלים או היישומים המועדפים עליך, שתף אותם איתנו בהערות הבאות.

    IDE & עורך טקסט

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

    WebStorm

    WebStorm מתאים לא רק עבור Javascript אלא גם HTML ו- CSS. יש לו עורך מדהים מדהים המאפשר לך לראות את תוצאות קידוד שלך על הדפדפן ללא צורך מרענן צורך. כברירת מחדל, הגרסה החדשה ביותר שלהם נושאת את חבילת התוסף AngularJS למרות שתצטרך לכלול את הסקריפט הזוויתי בפרויקט הראשון. לפרטים נוספים, קרא את הפוסט בבלוג WebStorm.

    אפטנה

    Aptana היא קוד פתוח IDE אשר למעשה את הגירסה המותאמת אישית של Eclipse התמקדות Javascript, HTML, CSS ועוד אינטרנט טובים. כדי להרחיב Aptana עבור תמיכה זוויתית, כל שעליך לעשות הוא להתקין את הרחבת AngularJS Eclipse מ Eclipse שוק.

    טקסט הנשגב

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

    עוד על טקסט הנשגב:

    • 18 חיוני טקסטים Sublime תוספים
    • 12 הכי מבוקש Sublime עצות טקסט & טריקים
    • כיצד להוסיף נתיב קובץ טקסט הנשגב
    • תצוגה מקדימה מהירה Localhost הפרויקט עם טקסט הנשגב
    • ניהול הערות ורשימות עם טקסט הנשגב
    • הוספת קידומת ספק CSS עם טקסט Sublime

    בדיקות & כלי איתור באגים

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

    קארמה

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

    יסמין

    יסמין משמש לפיתוח מונחה התנהגות (BDD), אבל אתה יכול להשתמש בו עבור פיתוח מונחה בדיקה (TDD) עם קצת התאמה אישית. זה בדרך כלל מצמידים עם קארמה: קארמה כמו רץ הבדיקה, יסמין כמסגרת הבדיקה. יסמין באופן אוטומטי לבדוק את כל הכיתות שלך Javascript ופונקציות להודיע ​​לך על קוד unhandled. החיסרון הוא הוא אינו יודע איזה סביבה (דפדפנים) הבדיקה ביצע, אבל קארמה מפצה על החסרון הזה.

    MochaJS

    לעומת יסמין, MochaJS הוא גמיש יותר אבל יסמין באה כמו חבילה All-in-one. עם MochaJS, אם אתה רוצה להשתמש במסגרת מרגל, אתה צריך להגדיר מוקה עם הספרייה המתאימה שלה כמו sinon.js. ואם אתה צריך מסגרת טענה, מוקה צריך להיות מוגדר עם מסגרת כמו חי.

    מפריד

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

    זווית בטאראנג

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

    ng- מפקח

    ng-inspector הוא הרחבת דפדפן הנתמכת ב- Chrome וב- Safari. בניגוד Batarang אשר מופיע ב DevTools, ng- מפקח מעדיף להציג את לוח הצד במקום. ניתן לבדוק ולהאיר אלמנטים DOM כאשר אתה מרחף מעל טווח. תוכל גם לראות את ההיקף והמודל המעודכנים בזמן אמת.

    מודולים

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

    AngularUI

    AngularUI הוא אוסף של רכיבי ממשק משתמש שנבנה עם AngularJS. הוראות השירות שלה לעזור לך לבנות יישומים זוויתית מהר יותר. במקום יישומונים, AngularUI משתמש בהוראות גלם כמו ui- נתב, ui-map, לוח שנה וכו 'ההוראות אתה כנראה אוהב ביותר הוא UI-Bootstrap אשר יכול מקורי ליצור טוויטר Bootstrap ב זוויתי. בדוק את דף התיעוד הנקי והנחמד שלו כדי להתחיל.

    לוח מיון וסנן

    אם אתה צריך טבלאות ביישום האינטרנט שלך, מהסוג שניתן למיין מסונן, ואז ngTable הוא הכלי שאתה מחפש. הוא תומך גם בגבהים שורה משתנה ויכולות pagination נהדר.

    מלבני

    עם זוויתי, ייתכן שיהיה קשה לעבוד $ $ משאבים ו $ http ליצירת ממשק API של Rest. מלבני יכול לעזור לעשות את השימוש לקבל, למחוק, לעדכן לכתוב בקשות נתונים קל יותר. כמה תכונות להגדיר restangular מלבד $ $ משאבים הם תמיכה בשיטת HTTP, קישור עצמי אלמנט, הבטחות שימוש ועוד. גלה כאן יותר לבדוק את הדגמה חיה על Plunkr.

    זווית זוויתית

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

    כלים & Apps

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

    גנרטור זוויתי

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

    ngDocs - AngularJS הפניה

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