تحميل مشروع من github

بعد تحميلك للمشروع من غيتهاب، يمكنك فتح المجلد في Visual Studio Code، تضغط على Open File ثم اختر المجلد المطلوب، بعد ذلك، تقوم بفتح ال Terminal ثم تقوم بتثبيت ال Packages التي يعمل بها المشروع، من خلال هذا ال Command:

npm install

يجب أن تتأكد من أنك ضمن المشروع المحدد كما في الصورة.

ثم يمكنك تشغيل المشروع من خلال هذا ال Command:

npm start

في حالة ما واجهتك أي مشكلة بعد هذه الخطوة، اترك لي تعليق هنا وسأساعدك في حله.

أولاً علينا فك ضغط المشروع ثم فتح المجلد في vscode من خلال سحب وإلقاء المجلد به أو بالضغط على file ثم open folder، وعند تحميل مشروع جافاسكريبت أي أقصد مشروع من خلال مكتبة أو إطار خاص بجافاسكريبت  نبدأ أولاً بتحميل الحزم من خلال الأمر:

npm i

وإن واجهتنا مشكلة بتثبيت الحزم نقوم بتجاهل تعارض الحزم من خلال:

npm i --legacy-peer-deps

بعد ذلك نتوجه لملف package.json ونتقد السكربتات الخاصة بتشغيل المشروع مثل التالي في المشروع:

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

ونقوم بتنفيذ أمر التشغيل وهو start من خلال التالي:

npm start

والأمر Start نستطيع كتابته بدون run في npm بينما الأوامر الأخرى يجب كتابة run مثل التالي:

npm run build

بعد تشغيل أمر:

npm start

سيتم تشغيل المشروع.

والمشروع هو مشروع react وهي مكتبة جافاسكريبت خاصة بالواجهة الأمامية.

بعد كتابة الامر npm start ظهر لي هدا الخطا 

يحدث هذا الخطأ عندما لا يتم تعريف السكريبت start في الملف package.json

لذلك يجب اتباع الخطوات التالية:

1- فتح الملف package.json والذهاب إلى الجزء الخاص بتعريف السكريبتات المسمى scripts والتأكد من وجود start

2- إذا لم يكون موجودًا يتم إضافته

"scripts": {
    "start": "node server.js"
}

ملحوظة: قم بتغيير اسم الملف server.js بالملف الصحيح الذي تريد البدء به.

3- حفظ الملف، وتنفيذ الأمر npm start