سلام دوستان. توی این قسمت انواع روشهای نصب فریمورک Vue.js رو بررسی میکنیم. قبل از نصب باید چند تا نکته رو بدونیم:
- این فریمورک روی مرورگرهایی کار میکنه که حداقل از ویژگیهای ES5 پشتیبانی میکنن. پس روی مرورگری مثل IE8 حساب نکنین ¯\_(ツ)_/¯
- این فریمورک از نسخهبندی معنایی تبعیت میکنه
- توی میتونین آخرین ورژنهای منتشر شده رو ببینید.
نصب ویوو
۱. استفاده مستقیم با استفاده از تگ script
سادهترین راه استفاده از ویوو، اضافه کردن یک تگ script به صفحه هست.
اگه مشغول توسعهی یک برنامه ویوو هستین، بهتره از این نسخه استفاده کنین چون دارای حالت دیباگ فعال و اخطارهای حین توسعه قابل دسترسی هست
این نسخهی Minify شده یا کم حجم هست و که اخطارهای حالت دیباگینگ رو نخواهیم داشت و برای زمانی خوب هست که توسعهی برنامه به اتمام رسیده و باید منتشر بشه
بعد از دانلود، اسکریپت رو به head صفحه اضافه میکنیم:
<!DOCTYPE html> <html lang="en"> <head> <script src="vue.min.js"></script> </head> <body> </body> </html>
۲. استفاده از CDN
اگه میخوایم مطمئن بشیم که همیشه داریم از آخرین ورژن ویوو استفاده میکنیم، میتونیم از نسخههای CDN استفاده کنیم:
<script src="https://unpkg.com/vue@next"></script>
اگه برنامهی ما در حالت Production هست، برای استفاده از CDN بهتره ورژن رو مشخص کنیم. چون آخرین نسخهها ممکنه باگ داشته باشن یا ویژگیهایی اضافه شده باشه که باعث بشه برنامهی ما متوقف بشه. بصورت زیر میتونیم از یک ورژن مشخص استفاده کنیم:
<script src="https://cdn.jsdelivr.net/npm/vue@3.0.1"></script> <!-- or --> <script src="https://unpkg.com/vue@3.0.1/dist/vue.global.prod.js"></script>
۳. استفاده از NPM
اگه برنامهی ما بزرگ و تا حد زیادی مبتنی بر ویوو هست، بهتره از NPM و ابزارهایی مثل Webpack استفاده کنیم. با اجرای دستور زیر توی خط فرمان، آخرین نسخهی ویوو رو خواهیم داشت: