سلام دوستان. توی این قسمت انواع روش‌های نصب فریم‌ورک 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 استفاده کنیم. با اجرای دستور زیر توی خط فرمان، آخرین نسخه‌ی ویوو رو خواهیم داشت:

$ npm install vue@next

 

۴. استفاده از Vue CLI
ویوو CLI یک رابط خط فرمان و شامل یک سری ابزارها و دستورات هست که توسعه‌ی برنامه رو سریع‌تر می‌کنه. برای مثال دستور $ vue create خیلی سریع یک برنامه‌ی ویوو رو برای ما نصب و راه‌اندازی می‌کنه. بدون استفاده از ویوو CLI خیلی از کارها و ابزارها رو باید دستی انجام بدیم و نصب کنیم.

نکته: برای شروع یادگیری ویوو بهتره از روش‌های قبلی برای نصب این فریم‌ورک استفاده کنیم. استفاده از Vue CLI نیازمند داشتن حداقل اطلاعاتی از Node و ابزارهایی مثل Webpack و Babel هست الان با اونها کاری نداریم. استفاده از ویوو CLI برای مراحل بعد از یادگیری موارد پایه‌ای این فریم‌ورک توصیه میشه و برای آموزشی که پیش رو داریم این ابزار به کار ما نخواهد اومد. کار با Vue CLI رو توی آموزش جداگونه بررسی خواهیم کرد.

 

 خب دوستان این قسمت به پایان رسید. منتظر قسمت‌های بعدی باشید 👌😉