Browse By

מדריך אנגולר 2+ (5, 6, 7) – יצירת אפליקציה חדשה

שיעור 2: יצירת אפליקציה חדשה

לאחר שהבנו בפוסט הקודם איך אנגולר עובדת, התקנו node, אנגולר CLI וכו', בואו נתחיל לבנות בפועל אפליקציית אנגולר.

השלב הראשון:

נפתח את הטרמינל / cmd. עקרונית אתם יכולים לעבוד מכל תיקייה, אני אוהב לסדר את התיקיות שלי על המחשב, אז יש לי תיקיה שנקראת Angular5. אתם יכולים גם לקרוא לתיקייה אצלכם על המחשב Shmulik…

אני נכנס לתיקיה דרך ה – cmd. ניווט ב – dos shell מתבצע על ידי פקודות. בעזרת הפקודה cd ניתן לנווט בין התיקיות השונות.

בתיקיית הבסיס נרשום את הפקודה הבאה:

ng new app-name

 

כעת, Angular CLI ישאל אותנו אם אנחנו מעוניינים להוסיף ראוטר לאפליקציה – ואני אומר, כן. למה לא? לרוב נשתמש בראוטר. גם אם לא, יש מצב שבעתיד כן. אז אני בוחר כן: y. בהמשך נלמד על הראוטר.

בהמשך, נישאל איזה גליון עיצוב (stylesheet) נרצה להשתמש – css או pre compiled css. אני אישית אוהב לעבוד עם scss, אבל כל אחד יבחר מה שבא לו. לאחר שהאפליקציה מוכנה נכנס לתיקייה של האפליקציה:כעת נריץ את האפליקציה בפעם הראשונה על ידי הפקודה:

ng open --serve

 

נקבל את המסך הבא:

אפליקצית ברירת מחדל

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

אז בשלב ראשון נפתח את הקובץ src/app/app.component.html ופשוט נמחק את כל התוכן הנוכחי שלו. עכשיו נוכל להתחיל לכתוב את הקוד שלנו.

אבל לפני כן, בואו נבין איזה קבצים יש לנו כרגע בתיקייה app

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

Show Buttons
Hide Buttons