ارتقاء برنامه Angular 4 به Angular 5 با ویژوال استودیو 2017

در ماه پیشین، Angular 5 با تغییراتی طراحی اپلیکیشن در مشهد منتشر رایا پارس شد. ما Angular 5 را رسیدگی کرده application و تصمیم گرفتیم نرم افزار Angular 4ای که پیش از این تولید کرده بودیم را به Angular 5 ارتقا دهیم. در‌این نوشته ی علمی پروسه ایفا این عمل را برای شما ذکر کرده‌ایم.

افزایش اپلیکیشن Angular 4 به Angular 5

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

-آغاز مجموع مثال‌های ویژوال استودیو 2017 را ببندید،‌ به این دلیل که زمانی ما پکیج‌های انگولار را افزایش می‌دادیم، وقتی که ویژوال استودیو در اکنون جاری ساختن بود فعالیت نکرد. NPM نمی‌تواند پکیج‌ها را افزایش دهد. براین اساس سفارش می کنیم که مثال‌های ویژوال استودیو را ببندید.

PowerShell- را گشوده فرمائید (مطمئن گردید که آن را به طور Administrator اعمال کرده‌اید). همینطور میتوانید از command promptی Node.js به کار گیری نمایید. ما آغاز کوشش کردیم با Node.js این شغل را اجرا دهیم، البته پکیچ‌ها در ویژوال استودیو 2017 آپ تو دیت نشدند. آن گاه PowerShell را آزمون کردیم و تمامی چیز شغل کرد.

-محل پروژه و اجرای امر dir را نظارت فرمائید. می بایست پوشه package.json مو جود در لیست خروجی را ملاحظه کنید.

-پکیج‌های انگولار را با استعمال از امرها ذیل به روز فرمایید.

npm install -g npm-check-updates

و ncu -u

در‌صورتی‌که هنگام اجرای این امرها هر خطایی را اخذ کردید، ورژن node و npm خویش را آپ دیت نمایید.

شما می بایست ملاحظه کنید که کل پکیج‌های انگولار به انگولار5 ارتقا داده گردیده‌اند.