استكشاف Angular 18 دون تعطيل المشاريع الحالية

كنت أعمل مؤخرًا على مشروع Angular 17 وشعرت بالرغبة في استكشاف الميزات الجديدة والمثيرة لـ Angular 18. ومع ذلك، أردت أن أفعل ذلك بطريقة لا تؤثر على مشاريعي الحالية التي كانت بالفعل في مرحلة الإنتاج أو مراحل ضمان الجودة. يمثل هذا بعض التحدي:

• Global Angular 17: لقد قمت بتثبيت الإصدار 17 من Angular CLI عالميًا.
• متطلبات Angular 18: كان الإصدار 18.19 من Node.js أو أعلى شرطًا أساسيًا لـ Angular 18.
• الحفاظ على المشاريع الحالية: كنت بحاجة إلى الحفاظ على مشاريعي الحالية في Angular 17 دون تغيير.

الاستفادة من مدير إصدار العقدة (NVM):

لمعالجة هذا الأمر، قررت الاستفادة من Node Version Manager (NVM). يسمح لك NVM بإدارة إصدارات Node.js المتعددة على نظامك، مما يجعل من السهل التبديل بينها لمشاريع مختلفة. إليك كيفية إعداده:

1. تثبيت NVM: يمكنك اتباع التعليمات الموجودة على موقع NVM الرسمي لتنزيله وتثبيته هنا.

2. تثبيت Node.js 18: بمجرد تثبيت NVM، استخدمت الأمر
   

nvm install latest 

أدى هذا إلى تثبيت أحدث إصدار من Node.js (والذي كان في ذلك الوقت 22.4.1).

إنشاء بيئة تطوير منفصلة:

بعد ذلك، قمت بإنشاء دليل منفصل لمشاريع تدريب Angular 18 الخاصة بي. وهذا يساعد في عزل البيئة عن مشاريعي الحالية.

تثبيت Angular 18 محليًا:

لتثبيت Angular 18 لهذا المشروع المحدد، استخدمت الأمر التالي:

npm install @angular/cli@latest 

لاحظ غياب -g. يؤدي هذا إلى تثبيت أحدث إصدار من Angular CLI (الذي كان 18.1.0 في ذلك الوقت) محليًا داخل دليل المشروع، دون التأثير على التثبيت العام.

مفاجأة! لم نصل إلى هذا الحد بعد:

عندما حاولت إنشاء مشروع جديد باستخدام مشروع تدريبي جديد، تم تعيينه افتراضيًا لاستخدام إصدار Angular CLI المثبت عالميًا (17). هذا هو المكان الذي يأتي فيه سحر npx.

تقديم منفذ حزمة العقدة (npx):

npx يسمح لك بتنفيذ الحزم من npm دون تثبيتها عالميًا. ثبت أن هذا هو المفتاح لاستخدام إصدار Angular CLI المحدد (18) لمشروعي الجديد. إليك الأمر الفائز:

npx @angular/cli@18 new my-angular-18-project

أتحقق من المشروع عن طريق تنفيذ إصدار ng

نجاح! استكشاف Angular 18:

بعد انتظار تثبيت التبعيات اللازمة، كان لدي مشروع Angular 18 جديد تمامًا (my-angular-18-project) جاهز للبدء! سمح لي هذا باستكشاف جميع الميزات الجديدة لـ Angular 18، بما في ذلك بناء جملة @let المثير، دون التدخل في مشاريع Angular 17 الحالية.