פתיחת פרויקט React עם Vite ו- PNPM | עירד דורון
כאשר מתחילים פרויקט חדש ב-React, תהליך ההתקנה של הכלים הנדרשים עשוי להיות מעט מורכב. במאמר זה נלמד כיצד לפתוח פרויקט React חדש באמצעות Vite ו- PNPM.
מהו Vite?
Vite הוא כלי פיתוח חסכוני בדידות שמיועד לפרויקטי Vue ו-React. הוא מאפשר לנו לפתח אתרי אינטרנט מהר יותר מאי פעם ולפתוח בקלות פרויקטים חדשים.
מהו PNPM?
PNPM הוא כלי לניהול חבילות ב- JavaScript שמתבצע באופן סופי וקטן יחסית. הוא מאפשר לנו לחסוך בשטח האחסון ובזמן ההורדה של החבילות שאנו משתמשים בהן.
צעדים לפתיחת פרויקט React עם Vite ו- PNPM
- התקינו את Vite באמצעות הפקודה:
npm install -g create-vite@latest
- צרו תיקייה חדשה ויש לכנות אותה בשם הפרויקט
- פתחו את התיקייה החדשה באמצעות מסוף והריצו את הפקודה:
create-vite
- בחרו באפשרות המתאימה של פריימוורק: בחירת ריאקט (React) בפרט
- התקינו את PNPM באמצעות הפקודה:
npm install -g pnpm
- התקינו את החבילות הנדרשות באמצעות הפקודה:
pnpm install
- אחרי ההתקנה, ניתן להריץ את הפרויקט על ידי הפקודה:
pnpm dev
בסיום כל השלבים אתם תהיו מוכנים להתחיל לפתח אתרי אינטרנט ב-React באמצעות Vite ו- PNPM. הכלים האלה מאפשרים לכם לפתח במהירות וביעילות, מבלי להתמודד עם בעיות של זמן רענון וזיכרון עצום. תהנו!
מקצועי! תודה!