رفتن به نوشته‌ها

دسته: Vue js (ویو جی اس)

فریم‌ورک‌های فراوانی برای توسعه‌دهندگان سمت کاربر (Front-End) وجود دارند که هریک بسته به نیاز و سبک کدنویسی، انتخاب می‌شوند. امروزه توسعه‌دهندگان به دنبال فریم‌ورک‌هایی هستند که علاوه بر قواعد ساختاری قدرتمند، روند آموزشی ساده‌ای داشته باشند. فریم‌ورک Vuejs (با تلفظ ویو‌جی‌اس) یکی از بهترین‌ها در نوع خودش است.

فصل پیوست ۴: آشنایی با پروژه در CLI جدید

ما در قسمت قبل با نسخه ی سوم Vue CLI آشنا شدیم و نگاهی کلی به قابلیت های آن داشتیم. اگر بخواهم به طور خلاصه بگویم برای نصب آن باید دستور npm install -g @vue/cli را اجرا کرده و سپس با vue create your-project-name یک پروژه را ایجاد می کردید. سپس تنظیمات خود را انتخاب کرده و منتظر می مانید تا پروژه ی شما ایجاد شود. اگر یادتان باشد من در جلسه ی قبل از دستور زیر برای ساخت پروژه ی خودم استفاده کرده بودم. بنابراین پس از اجرای شدن این دستور، پوشه ای به نام vue-cli-new ایجاد می شود. خود این پوشه در مسیری ایجاد خواهد شد که ترمینال در آن باز شده و دستور بالا را در آن اجرا کرده اید. زمانی که ساخت پروژه تمام شود پیام زیر را در ترمینال می بینید. یعنی پوشه ی vue-cli-new ایجاد شده است و باید از دستور cd استفاده کنیم تا با ترمینال وارد آن شویم. البته روش دیگر این است که ترمینال را بسته و وارد پوشه ی vue-cli-new شده و با نگه داشتن کلید Shift در قسمتی خالی از صفحه کلیک راست کرده و گزینه ی open command window here را انتخاب نمایید تا ترمینال به طور خودکار در آن آدرس باز شود. سپس با npm run serve می توانیم پروژه ی خود را اجرا کنیم. البته قبل از این کار باید نکته ی جالبی را به شما بگویم. نکته ی جالب اینجاست که اگر به آدرس C:UsersAmir بروید، به طوری که به جای Amir نام کاربری خودتان در سیستم را بنویسید، فایلی به نام vuerc. را پیدا می کنید که تنظیمات سراسری شما را دارد: