תחי ישראל - אין לנו ארץ אחרת

תחי ישראל -אין לנו ארץ אחרת

מדריך gulp חלק שני - כיצד להתקין את gulp?

 

מחבר:
בתאריך:

אחרי שבמבוא ל-gulp.js למדנו מה זה gulp, ואת המבנה הבסיסי של קובץ הקונפיגורציה של gulp, במדריך זה נלמד כיצד להתקין את gulp.

 

מה צריך כדי להתקין את gulp?

כדי להתקין את gulp נצטרך שני דברים:

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

 

התקנת gulp

את gulp מתקינים בשני שלבים. פעם אחת ברמה הגלובלית לכל המחשב, ופעם שנייה בתיקיית האתר שאתו אנחנו רוצים לעבוד.

 

א. התקנה גלובלית של gulp

את ההתקנה הגלובלית של gulp נעשה בתיקיית home של המחשב (תיקייה C של מערכת הפעלה חלונות). לצורך כך, ננווט לתיקיית הבית:


> cd ~

ובתיקיית הבית נתקין את gulp באמצעות הפקודה הבאה.


> npm install -g gulp

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

 

ב. התקנה של gulp בתיקיית האתר

ננווט לתיקיית האתר שלנו:


> cd my-website/

ניצור קובץ קונפיגורציה למנהל חבילות התכנה של node, ששמו npm:


> npm init

פקודה זו תפתח אשף. אפשר להתעמק במענה לשאלות האשף, אבל לצורך המדריך נלחץ Enter עד הסוף. בסיום, בתיקיית האתר ייווצר קובץ קונפיגרציה של npm (package.json).

אחרי שהתקנו את npm באתר, נתקין את gulp באופן מקומי, ורק לצרכי פיתוח.


> npm install gulp --save-dev

אחרי שנריץ את הפקודה האחרונה, תופיע בתיקיית האתר התיקייה node_modules, ובתוכה נמצא את חבילת gulp.

ועכשיו ניצור בתיקיית השורש של האתר את קובץ הקונפיגורציה של gulp באמצעות הפקודה:


> touch gulpfile.js

בתוך קובץ הקונפיגורציה שיצרנו זה עתה נכתוב את המשימות ש-gulp צריך לבצע בשבילנו.

במדריך הבא נבצע את המשימה הראשונה שלנו באמצעות gulp.

 

לכל מדריכי ה-gulp.js

 

 

אהבתם? לא אהבתם? דרגו!

0 הצבעות, ממוצע 0 מתוך 5 כוכבים

 

 

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

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

שימו לב! הסקריפטים במדריכים מיועדים למטרות לימוד בלבד. כשאתם עובדים על הפרויקטים שלכם אתם צריכים להשתמש בספריות וסביבות פיתוח מוכחות, מהירות ובטוחות.

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

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

הוסף תגובה חדשה

 

 

ענה על השאלה הפשוטה הבאה כתנאי להוספת תגובה:

דג למים הוא כמו ציפור ל...?