נגישות       נגישות
שינוי גודל טקסט:
א א א
שינוי צבעי האתר:
? מקשי קיצור:

לחיצה חוזרת ונשנית על המקש Tab תעביר אתכם בין הקישורים והאזורים השונים בעמוד.

הפעלת מקשי הקיצור תלויה בדפדפן שבו אתם משתמשים.

Internet Explorer, Chrome ובגרסאות ישנות של Firefox: לחצו על מקש Alt ועל מקש המספר או האות על-פי הרשימה. ב Firefox 3 ומעלה: לחצו על המקשים Alt + Shift + המספר או האות.

S - עבור לתוכן הדף
L - חיפוש
1- עמוד הבית
2 - פרוייקטים
3 - מדריכים
4 - אודות
5 - צרו קשר
6 - הצהרת נגישות
 

מדריך 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

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

 

= 6 + 6