פלטפורמת JavaScript נגישה באופן חופשי ליצירת אפליקציות דינמיות נקראת Angular.js. זה מאפשר לך לייצג כל היבט של היישום שלך במהירות וחד משמעית על ידי הרחבת התחביר של HTML כאשר הוא משמש כשפת התבנית שלך. הוא מספק סט של כלים לכתיבה, עדכון ובדיקת קוד. הוא מציע שפע של יכולות כולל ניתוב וניהול טפסים. מדריך זה דן בשיטה להתקנת Angular על אובונטו 24 על ידי מעבר על ההתקנה של Node.js.
עדכן ושדרג את המערכת
לפני שנעבור לכיוון ההתקנות, בואו נעבור תחילה על עדכון המערכת. יש צורך לעדכן את מערכת אובונטו 24 מכיוון שהיא צריכה להיכנס לתוקף על התקנות חדשות ללא בעיות בקרוב. אז, אנו מנצלים את הוראת העדכון והשדרוג בתוך פקודה אחת אשר מבוצעת בעזרת כלי שירות 'apt'.
עדכון סודו מתאים && סודו שדרוג מתאים
לאחר ביצוע הוראה זו, המערכת מקצה את השטח המוגדר לתהליך השדרוג והעדכון ומבקשת ממך לאשר זאת על ידי הקשה על 'y' או 'n'. לכן, עליך ללחוץ על 'y' כדי להשלים תהליך עדכון זה כפי שמתואר להלן. לאחר זמן מה, המערכת שלנו תתעדכן ותשודרג בהצלחה.
התקן את התלות
ההתקנה של Angular ו-Node.js תלויה גם בכמה כלי עזר אחרים. תלות אלו כוללות git, wget, curl ורבים נוספים. לפיכך, עלינו להתקין את התלות הללו מראש. עבור ההתקנה של התלות הללו, אנו משתמשים באותו כלי 'apt' במעטפת הפקודה ומחכים עד שכל התלות יותקנו בהצלחה.
sudo apt להתקין curl gnupg2 gnupg git wget -ו
התקן את Node.js
אפליקציות Angular לא יכולות לעבוד בלי ה-Node.js שהיא הדרישה העיקרית. לכן, יש צורך להתקין את Node.js לפני התקנת Angular ב-Ubuntu 24. כמו כן, Node.js דורש את תוכנית השירות של שורת הפקודה NVM לצורך התקנתו. אז, אנו משתמשים בכלי השירות 'סלסול' במעטפת הטרמינל כדי להתקין את כלי השירות NVM תחילה מהמאגר הרשמי של Github. אתה יכול לראות שאחרי ביצוע הוראה זו, תוכנית השירות NVM הורדה והותקנה.
סודו תלתל https: // raw.githubusercontent.com / creationix / nvm / לִשְׁלוֹט / install.sh | לַחֲבוֹט
כעת, יש צורך גם בהפעלת סביבת NVM במערכת Ubuntu 24 Linux. אז, אנו מפעילים את קובץ 'bashrc' באמצעות הוראת המקור כך שהמערכת תוכל לקבל את ההשפעות של כלי השירות החדש שהותקן NVM ולהגדיר את הסביבה.
מקור ~ / .bashrc
לאחר יצירת סביבה, מערכת אובונטו 24 מוכנה להתקין את Node.js בקצה שלה. לשם כך, אנו משתמשים בכלי השירות 'nvm' שהותקן לאחרונה במסגרת הוראות ההתקנה המשמשות במעטפת הטרמינל. באמצעות הוראה זו, אנו מתקינים את הגרסה העדכנית ביותר של Node.js 18 במערכת אובונטו שלנו. כמו כן, כלי ה-NVM מתקין את מנהל החבילות של הצומת יחד עם Node.js. העיבוד מתחיל בהורדה והתקנה של גירסת הצומת 18.19.1 מהאתר הרשמי. לאחר מכן, הוא מחשב את סכום הבדיקה ויוצר כינוי ברירת מחדל.
Nvm להתקין 18
לאחר ההתקנה המוצלחת של Node.js, עלינו לוודא שהוא הותקן והורכב במערכת שלנו. לשם כך, עלינו לבדוק את הגרסה המותקנת שלה באמצעות הפקודה 'גרסה' המתחילה במילת המפתח 'צומת'. כמו כן, הוראת ההתקנה הקודמת של NVM התקינה את NPM (מנהל חבילות צומת) יחד עם Node.js. לכן, עלינו לחפש גם את גרסת ה-NPM. הפלט של שתי הפקודות מציג את הגרסאות כפי שמתוארות בתמונה המצורפת הבאה:
צוֹמֶת -בNpm -ב
התקן את ה-Angular CLI
זה הזמן לבצע את השלבים האחרונים להתקנת ממשק שורת הפקודה Angular לאחר התקנת כל התלות, כולל NPM ו-Node.js. לשם כך, אנו משתמשים ב-NPM (מנהל חבילות צומת) בתוך מעטפת הטרמינל של אובונטו 24.
אתה יכול להשתמש בזכויות sudo לביצוע הוראת התקנה זו. פקודה זו כוללת את הקישור לחבילה הרשמית של Angular CLI. הדגל '-location' מוגדר להוסיף את Angular CLI ברמה הגלובלית עבור מערכת Ubuntu 24 הנגישה לכל המשתמשים בפלטפורמה הנוכחית.
Npm להתקין @ זוויתי / cli - מקום =גלובלי
זה יעזור אם תחכה זמן מה עד שהעיבוד של Angular CLI יסתיים. לאחר עיבוד מסוים, חבילות Angular CLI מתווספות ומותקנות בהצלחה. בתמורה, תקבל את הפלט המתואר הבא במסך הטרמינל שלך, הכולל 232 חבילות שנוספו תוך 2 דקות:
עכשיו, הגיע הזמן לאמת את ההתקנה של Angular CLI. זה מגיע עם הפקודה 'ng' שעוזרת לבצע את הפקודות ב-Angular CLI. אז בואו נחפש את הגרסה המותקנת של הפקודה 'ng'. לאחר שנענה על חלק מהשאלות על ביצוע פקודת גרסה זו, נקבל את הפלט הבא המכיל גם את המידע לגבי הגרסה של Angular, Node, NPM ו-OS. יש גם תצוגת מידע לגבי החבילות והגרסאות המותקנות שלהן בסוף.
של גרסה
צור יישום Angular
הגיע הזמן להשתמש ב-Angular CLI כדי ליצור יישום Angular חדש באובונטו 24. בדיוק כמו איך השתמשנו בהוראה 'ng' כדי לבדוק את הגרסה של Angular CLI, נשתמש בה גם כדי ליצור אפליקציה חדשה בשם 'test' עם מילת מפתח 'חדשה'. ההוצאה להורג מתרחשת עם כמה שאלות שנשאלות. יעזור אם תענה על שאלות אלה בהתאם להעדפותיך, והחבילות עבור היישום החדש שלך יותקנו בהצלחה.
של חדש מִבְחָן
לאחר זמן מה, נוצרת אפליקציית Angular חדשה בשם 'מבחן'. ספריית 'בדיקה' חדשה נוצרת בספריית העבודה שלנו, כפי שמתואר על ידי הפלט המצורף הבא:
לאחר יצירת אפליקציית 'מבחן' Angular, עלינו להפעיל אותה גם כן. לשם כך, עברו בתוך ספריית 'test' והשתמשו בכלי השירות 'ng' כדי לבצע את הפקודה 'serve'.
CD מִבְחָןשל שירות
אתה יכול גם להשתמש באותה פקודה כדי להגדיר יציאה 4200 עבור כל ממשקי המערכת על ידי הגדרת המארח כ-0.0.0.0.
Of serve –host 0.0.0.0 –port 4200
סיכום
מדריך זה מדגים כיצד ניתן להשתמש בסביבת Angular ליצירת כל יישום. כתמיכה ברעיון, הדגמנו את השיטה להתקנת Angular על אובונטו 24 לאחר ההתקנה והתצורה של Node.js ו-NPM. לבסוף, פירטנו על דרך ליצור יישום Angular באובונטו 24 על ידי שימוש ב-Angular CLI.