ایجاد پروژه جدید Vue + اجرا و تنظیم

درود بیکران

پیرو آموزش های قبلی این پست به ساخت اجرا و تنظیمات مربوط به پروژه Vue میپردازیم. خب بدون حاشیه میریم سر اصل مطلب چون گفتنی هارو قبلا گفتیم ، الان وقت عمله!

1- ساخت پروژه جدید

برای این کار فقط لازمه که با دستور زیر اقدام به شروع این پروسه کنیم:

vue init webpack-simple {project folder name}

بعد خط فرمان از ما یکسری اطلاعات مانند نام پروژه و نام نویسنده و.. را درخواست میکند ، که باید آنهارا وارد و سپس پروژه ی ما آماده خواهد شد:

دقت داشته باشید که هنگام ایجاد پروژه باید اتصال شما به اینترنت اون هم با آیپی غیر از ایران فرآهم باشه وگرنه با مشکل مواجه خواهید شد. و همچنین خالی از لطف نیست که بگویم به عنوان نام پروژه شما مجاز به استفاده از حروف بزرگ نیستید.

بعد از این مرحله شما باید اقدام به نصب npm در پروژه خود کنید با دستور زیر:

npm install

و پس از آن با یکی از روش هایی که npm در اختیار شما گذاشته میتوانید اقدام به اجرای پروژه کنید:

npm run dev

# OR

npm run build

در مقالات بعدی بیشتر در مورد تفاوت حالت های dev و build صحبت خواهیم کرد ، بطور خلاصه حالت اولی برای دیدن خروجی در حالت توسعه است و دومی برای خروجی گرفتن از پروژه.

بعد از دیدن خروجی کار که چیزی شبیه به تصویر زیر خواهد بود پروژه شما ساخته و اماده اعمال تغییرات دلخواه شما خواهد بود.

امیدوارم این مقاله براتون مفید باشه ، همیشه حفن باشید!