برنامه نویسی

راه اندازی Vue.js برای مبتدی – انجمن DEV

برای راه اندازی یک پروژه Vue.js، باید این مراحل را دنبال کنید:

مرحله 1: Node.js و npm را نصب کنید

Vue.js به Node.js و npm (Node Package Manager) نیاز دارد تا روی سیستم شما نصب شود. Node.js را می توانید از وب سایت رسمی دانلود و نصب کنید: https://nodejs.org/

مرحله 2: Vue CLI را نصب کنید

Vue CLI یک ابزار خط فرمان است که به شما کمک می کند پروژه های Vue.js را داربست و مدیریت کنید. برای نصب Vue CLI، یک ترمینال یا خط فرمان باز کنید و دستور زیر را اجرا کنید:

npm install -g @vue/cli
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مرحله 3: یک پروژه Vue جدید ایجاد کنید
پس از نصب Vue CLI، می توانید با استفاده از دستور زیر یک پروژه Vue جدید ایجاد کنید:

vue create project-name
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

نام پروژه خود را با نام مورد نظر جایگزین کنید. این دستور از شما می خواهد که یک پیش تنظیم برای پروژه خود انتخاب کنید. شما می توانید از پیش تعیین شده پیش فرض را انتخاب کنید یا به صورت دستی ویژگی ها را بر اساس نیاز پروژه خود انتخاب کنید.

مرحله 4: به پوشه پروژه بروید
پس از ایجاد پروژه، با استفاده از دستور زیر به پوشه پروژه بروید:

cd project-name
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مرحله 5: سرور توسعه را اجرا کنید
برای راه اندازی سرور توسعه و مشاهده پروژه Vue.js خود، دستور زیر را اجرا کنید:

npm run serve

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

این دستور پروژه را کامپایل می کند و یک سرور توسعه راه اندازی می کند. با باز کردن مرورگر وب و بازدید از URL ارائه شده در ترمینال می توانید به برنامه Vue.js خود دسترسی پیدا کنید.

خودشه! شما با موفقیت یک پروژه Vue.js را با استفاده از Vue CLI راه اندازی کردید. اکنون می توانید با تغییر فایل های موجود در فهرست پروژه، ساخت برنامه خود را شروع کنید.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا