سرویس CLI #

در داخل یک پروژه VUE CLI ، @VUE/CLI-Service یک باینری به نام Vue-Cli-Service نصب می کند. شما می توانید به طور مستقیم به عنوان Vue-Cli-Service در اسکریپت های NPM ، یا به عنوان ./node_modules/. bin/vue-cli-service از ترمینال دسترسی پیدا کنید.

این همان چیزی است که شما در Package. json یک پروژه با استفاده از پیش فرض پیش فرض مشاهده خواهید کرد:

 "اسکریپت ها":  "خدمت": "سرویس VUE-CLI-SERVICE", "ساختن": "Vue-Cli-Service Build" > > 

می توانید با استفاده از NPM یا نخ این اسکریپت ها را فراخوانی کنید:

NPMخدمت# یا جنجالخدمت 

اگر NPX در دسترس دارید (باید با نسخه به روز NPM همراه باشید) ، می توانید باینری را مستقیماً با:

NPX VUE-CLI-SERVICE خدمت کنید 

می توانید اسکریپت ها را با ویژگی های اضافی با استفاده از GUI با دستور VUE UI اجرا کنید.

در اینجا آنالایزر صفحه وب از GUI در عمل است:

سرویس VUE-CLI-SERVICE #

استفاده: خدمات VUE-CLI-SERVICE [گزینه ها] [گزینه ها] گزینه ها:-مرورگر باز روی سرور شروع می شود-URL کپی کپی به کلیپ بورد در شروع سرور-حالت مشخص شده حالت ENV (پیش فرض: توسعه)-میزبان را مشخص کنید(پیش فرض: 0. 0. 0. 0)-پورت را مشخص کنید (پیش فرض: 8080)-HTTPS استفاده از HTTPS (پیش فرض: نادرست)-Public URL شبکه عمومی را برای مشتری HMR-SKIP-PLUGINS لیست جدا شده از افزونه مشخص کنید. نام هایی برای پرش برای این اجرا 

کپی کردن در کلیپ بورد ممکن است روی چند سیستم عامل کار نکند. اگر کپی موفقیت آمیز بود ، (کپی شده در کلیپ بورد) در کنار URL سرور محلی Dev نمایش داده می شود.

فرمان سرویس Vue-Cli-Service یک سرور DEV (بر اساس WebPack-Dev-Server) را شروع می کند که با نصب و راه اندازی ماژول داغ (HMR) کار می کند.

علاوه بر پرچم های خط فرمان ، می توانید سرور DEV را با استفاده از قسمت DevServer در vue. config. js پیکربندی کنید.

[ورود] در دستور CLI به عنوان پرونده ورود تعریف شده است (پیش فرض: SRC/Main. js یا SRC/Main. ts در پروژه TypeScript) ، نه یک پرونده ورودی اضافی. اگر ورود به CLI را بازنویسی کنید ، ورودی های پیکربندی دیگر در نظر گرفته نمی شوند ، که ممکن است خطایی ایجاد کند.

ساخت خدمات VUE-CLI-SERVICE #

استفاده: Vue-Cli-Service Build [گزینه ها] [ورود | الگوی] گزینه ها:-حالت مشخص کردن حالت ENV (پیش فرض: تولید)-DEST Directive Directory Output (پیش فرض: DIST)-برنامه ساخت مدرن هدف قرار دادن مرورگرهای مدرن با خودکارFallbac k-برنامه هدف |lib |WC |WC-ASYNC (پیش فرض: برنامه)-لیست فرمت های فرمت های خروجی برای ساخت کتابخانه (پیش فرض: Commonjs ، UMD ، UMD-Min)-VUE-VUE شامل ماژول VUE در بسته نهایی کتابخانه یا هدف مؤلفه وب است-نام نام برای حالت lib یا مؤلفه وب (پیش فرض: "نام" در Package. json یا نام پرونده ورودی)-نام پرونده نام برای خروجی ، فقط برای هدف "lib" قابل استفاده است (پیش فرض: مقدار-نام) ،-بدون تمیز کردن محتوای دایرکتوری Dist را قبل از ساخت پروژه حذف نکنید-گزارش گزارش تولید. html برای کمک به تجزیه و تحلیل محتوای بسته-گزارش-جسون تولید گزارش. JSON برای کمک به تجزیه و تحلیل محتوای بسته نرم افزاری-SKIP-PLUGINS COMMA جدا از لیستنام افزونه ها برای پرش برای این اجر ا-ساعت تماشای برای تغییرات 

ساخت و ساز Vue-Cli-Service یک بسته نرم افزاری آماده تولید را در Dist/Directory تولید می کند ، با کوچک سازی برای JS/CSS/HTML و تقسیم بندی فروشنده خودکار برای ذخیره سازی بهتر. مانیفست تکه در HTML قرار دارد.

چند پرچم مفید وجود دارد:

• -مدرن برنامه شما را با استفاده از حالت مدرن ، حمل و نقل کد بومی ES2015 به مرورگرهای مدرن که از آن پشتیبانی می کنند ، می سازد ، با بازگشت خودکار به یک بسته میراث.
• -هدف به شما امکان می دهد هر مؤلفه (های) را در داخل پروژه خود به عنوان یک کتابخانه یا به عنوان مؤلفه های وب بسازید. برای جزئیات بیشتر به ساخت اهداف مراجعه کنید.
• -گزارش و-Report-Json گزارش هایی را بر اساس آمار ساخت شما تولید می کند که می تواند به شما در تجزیه و تحلیل اندازه ماژول های موجود در بسته نرم افزاری شما کمک کند.

VUE-CLI-SERVICE بازرسی #

استفاده: Vue-Cli-Service بازرسی [گزینه ها] [. مسیرها] گزینه ها: -حالت مشخص شده حالت ENV (پیش فرض: توسعه) 

برای بازرسی از پیکربندی وب در داخل یک پروژه VUE CLI می توانید از Vue-Cli-Service Inspect استفاده کنید. برای اطلاعات بیشتر به بازرسی پیکربندی Webpack مراجعه کنید.

بررسی همه دستورات موجود #

برخی از افزونه های CLI دستورات اضافی را به خدمات VUE-CLI تزریق می کنند. به عنوان مثال ، @VUE/CLI-PLUGIN-ESLINT دستور LINT VUE-CLI-SERVICE را تزریق می کند. شما می توانید همه دستورات تزریق شده را با اجرای:

NPX VUE-CLI-SERVICEکمک 

همچنین می توانید در مورد گزینه های موجود هر دستور با:

NPX VUE-CLI-SERVICEکمک [فرمان] 

پرش از افزونه ها #

با انتقال نام افزونه به گزینه--Skip-Plugins می توانید افزونه های خاص را حذف کنید:

NPX VUE-CLI-Service Build-Skip-Plugins PWA 

این گزینه برای هر دستور vue-cli-service، از جمله موارد سفارشی اضافه شده توسط پلاگین های دیگر، در دسترس است.

شما می توانید با ارسال نام آنها به عنوان یک لیست جدا شده با کاما یا با تکرار آرگومان از چندین افزونه صرف نظر کنید:

ساخت npx vue-cli-service --skip-plugins pwa, apollo --skip-plugins eslint 

همانطور که در اینجا توضیح داده شده است، نام افزونه ها به همان روشی که در هنگام نصب حل می شوند، حل می شوند

# اینها همه معادل هستندساخت npx vue-cli-service --skip-plugins pwa npx vue-cli-service build --skip-plugins @vue/pwa npx vue-cli-service build --skip-plugins @vue/cli-plugin-pwa 

ذخیره سازی و موازی سازی #

• cache-loader برای کامپایل های Vue/Babel/TypeScript به طور پیش فرض فعال است. فایل ها در داخل node_modules/. cache ذخیره می شوند - اگر با مشکلات کامپایل سازی مواجه می شوند، همیشه سعی کنید ابتدا فهرست پنهان را حذف کنید.
• زمانی که دستگاه بیش از 1 هسته CPU داشته باشد، thread-loader برای انتقال Babel/TypeScript فعال می شود.

Git Hooks #

وقتی نصب شد، @vue/cli-service yorkie را نیز نصب می کند، که به شما امکان می دهد به راحتی قلاب های Git را با استفاده از فیلد gitHooks در package. json خود مشخص کنید:

 "gitHooks":  "پیش تعهد": "پرزدار" >, "پرزدار":  "*.": "vue-cli-service lint" > > 

yorkie یک چنگال هاسکی است و با دومی سازگار نیست.

پیکربندی بدون خارج کردن #

پروژه های ایجاد شده از طریق vue create بدون نیاز به تنظیمات اضافی آماده اجرا هستند. پلاگین ها به گونه ای طراحی شده اند که با یکدیگر کار کنند، بنابراین در بیشتر موارد، تنها کاری که باید انجام دهید این است که ویژگی هایی را که می خواهید در طول درخواست های تعاملی انتخاب کنید.

با این حال، ما همچنین درک می کنیم که برآوردن هر نیاز ممکن غیرممکن است و نیازهای یک پروژه نیز ممکن است در طول زمان تغییر کند. پروژه های ایجاد شده توسط Vue CLI به شما امکان می دهند تقریباً تمام جنبه های ابزار را بدون نیاز به خارج کردن پیکربندی کنید. برای جزئیات بیشتر، مرجع پیکربندی را بررسی کنید.