# Nodejs

إدارة العديد من الإصدارات من Nodejs باستخدام ServBay بسيطة جدا. سنوضح ذلك من خلال تثبيت Nodejs 22.

# تثبيت Nodejs 22

انقر على الخدمات في الشريط الجانبي الأيسر، ويمكنك رؤية عدة إصدارات من Nodejs مقدمة من ServBay.

تثبيت Nodejs 22

ابحث عن الصف حيث يتواجد Nodejs 22، انقر على الزر الأخضر للتحميل على اليمين، وسيتم تحميل وتثبيت Nodejs 22 في غضون بضع ثوان.

# تثبيت yarn و pnpm

بعد تثبيت Nodejs 22 ، دعنا نتحقق منه:

نسخة Nodejs 22

من إخراج الطرفية، يمكننا أن نرى أن Nodejs 22 تم تثبيته.

ثم دعنا نقوم بتثبيت yarn وpnpm عبر corepack:

$ corepack enable yarn
$ yarn -v
1.22.22
$ corepack enable pnpm
$ pnpm -v
9.1.0
1
2
3
4
5
6

يمكننا أن نرى أنه تم تثبيت yarn وpnpm.

# مثال Vue 3

بعد تثبيت Nodejs و yarn/pnpm، يمكنك البدء في تطوير الواجهة الأمامية. فيما يلي، سنستخدم Vue 3 كمثال.

# هيكل Vue 3

أولاً، دعونا نشغّل هيكل Vue 3 لتوليد مشروع Vue 3.

السقالة Vue 3

# تثبيت الاعتمادات بواسطة الخيط

ثم ادخل إلى دليل المشروع:

$ cd hello
1

قم بتنفيذ yarn لتثبيت حزم الاعتماد:

تثبيت الاعتمادات بواسطة Yarn

# بدء خادم التطوير

ثم قم بتنفيذ yarn dev لبدء الخادم المحلي للتطوير:

$ yarn dev
1

بعد بدء الخادم بنجاح، ستظهر المعلومات التالية:

معلومات Yarn Dev

في هذا الوقت، قم بزيارة http://localhost:5173 في متصفحك، وسوف ترى الصفحة الرئيسية الافتراضية التي تم إنشاؤها بواسطة Vue 3:

الصفحة الرئيسية الافتراضية لـ Vue 3

# تعديل الكود المصدري

دعنا نحاول تغيير "لقد فعلت ذلك!" إلى "مرحبًا العالم!" ورؤية ما سيحدث:

شفرة المصدر ل Vue 3 Hello World

بعد تعديل الكود، ستقوم Vue 3 بتحديث الصفحة تلقائيًا، لذلك يمكننا رؤية الصفحة الرئيسية للموقع المعدلة:

صفحة Vue 3 مرحبا بك في العالم

الآن أنت جاهز للقيام بتطوير الواجهة الأمامية باستخدام nodejs.

Last Updated: 5/12/2024