התקנה ושימוש עם bootstrap-vue

[yossiz]

@חוקר אמר בהתקנה ושימוש עם bootstrap-vue:

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

(אם אתה משתמש בכלי ה-CLI של VUE לבנות פרוייקט חדש אז) בקובץ ה-package.json אתה מקבל שתי פקודות: start ו-build.
הפקודה start עושה בנייה שמיועדת לצורך פיתוח מקומי ומריצה שרת מקומי שניתן לגשת אליה בד"כ בכתובת localhost:8080.
בבנייה זו מופעלות אופציות עבור מפתחים שהעיקריים מביניהם הם אפשרות להשתמש בתוסף המפתחים של VUE לדפדפן כדי להסתכל במצב הפנימי של כל קומפוננט ובכל הדאטה שמצורף לו (כלי שימושי ונפלא).
ועוד דבר נפלא שנקרא hmr (hot module replacment)‎ שזה אומר שכל שינוי שתעשה בקוד תישלח לדפדפן בלי צורך לרענן את הדף.

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

[dovid]

@yossiz ראשית כל כבר כתבתי בvue לפני כמה שנים טובות (זה היה נראה לי 1)
שנית כבר ביום שכתבת שאתה ממליץ יותר על vue החלטתי להיכנס חזרה לספריה הזו, והחלטתי שהיא אכן טובה יותר, בפרט עבורי. וכך כתבתי פה, שהסכמתי איתך.
שלישית, מצטער שלא הבנת אותי, לא חשבתי שא"א להשתמש בvue ללא webpack. אני לא הכי מבריק בצד לקוח, אבל אני בהחלט בעל ניסיון בהכוונת אנשים חדשים וגם ישנים לטכנולוגיות, ומה לעשות: vue (וכל הפיימוורקים המודרניים) פחות מדברת ומתועדת למשתמש מהסוג שאמרתי.

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

אדרבא, אני אשמח דוקא אם תדחוף פה לvue עוד יותר חזק - עד שתצליח.
@yossiz תודה על הvue ותודה על עוד הרבה!

[Shaya]

@dovid אמר בהתקנה ושימוש עם bootstrap-vue:

אני לא כותב אפליקציות צד לקוח ענקיות אלא סה"כ דף עם פונקציונליות של צד לקוח ולכן כל הwebpack הוא מיותר להחריד עבורי

נראה לי שבמקרים כאלה (שהדף מרונדר בצד שרת ויש רק צורך לזרוק קצת פונקציונליות ואינטראקטיביות בצד לקוח) יש פתרונות יותר אופטימליים, ראה למשל את Alpine.js, או Stimulus (האחרון הוא מהחבר'ה של Rails, אבל מלמעלה זה נראה יותר מסובך).

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

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

[davidnead]

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

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

[ב.ל]

@davidnead
באתר של vue יש תיעוד מפורט וברור גם למתחילים
עד שזה מגיע לעולם האמיתי של cli וכל הבנייה בפועל שזה משום מה סומכים עליך שתסתדר לבד..

[davidnead]

@ב-ל אמר בהתקנה ושימוש עם bootstrap-vue:

@davidnead
באתר של vue יש תיעוד מפורט וברור גם למתחילים
עד שזה מגיע לעולם האמיתי של cli וכל הבנייה בפועל שזה משום מה סומכים עליך שתסתדר לבד..

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

[ב.ל]

@davidnead אמר בהתקנה ושימוש עם bootstrap-vue:

@ב-ל אמר בהתקנה ושימוש עם bootstrap-vue:

@davidnead
באתר של vue יש תיעוד מפורט וברור גם למתחילים
עד שזה מגיע לעולם האמיתי של cli וכל הבנייה בפועל שזה משום מה סומכים עליך שתסתדר לבד..

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

לא חינמי.. [vue3]

[davidnead]

@ב-ל VUE2 זה די והותר, אין צורך ללכת על 3. הוא ממש ממש חדש, על כל החסרונות שבכך.

[ש.ב.ח.]

אוהה איזה אשכול...

@dovid אני חושב שveu ללא npm ואנגולרJS זה ממש אותו רעיון, ואולי גם veu הרבה יותר קליט, ועם פחות דברים חדשים מJS טהור.

אני בעיקר כותב על react היום (בhooks), אבל מכיר גם את veu
שניהם ספריות טובות מאוד (כמובן אני עובד עם webpack)

[חוקר]

תנו לי לסכם רגע.
@dovid המליץ על אנגולר JS
האחרים תמכו ב VUE
אם הבנתי נכון הרי שגם @dovid מסכים שזה בעצם עדיף, אלא שבמצב הספיציפי בו אני עומד ההמלצה היא על אנגולר.
@dovid אני צודק?
אציין שכבר הסתדרתי כבר עם VUE גם עם ה NPM, וכבר יצרתי בעמצאותו פרוייקט שלום עולם..
ואכן חן חן ל @davidnead על מראי המקומות של השיעורים שם, הם ממש מעולים!

[חוקר]

שתיקה כהודעה..
אני מתחיל להתקדם
https://tchumim.com/post/117572