راه اندازی 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 راه اندازی کردید. اکنون می توانید با تغییر فایل های موجود در فهرست پروژه، ساخت برنامه خود را شروع کنید.