March 20

SMART KIDS - DIPLOM ishi

Kompyuterda run qilish uchun quidagi amallari ketma ketligini qadamma-qadam bajaring

1 - qadam. Zipdan loyiha papkasini oching

1-rasm.

Keyin papka ichiga kiring

2-rasm. Zipdan ochilgan papka ichiga kirganichizdagi holat
3-rasm. Loyiha asosiy papkasi ichi(Root papkasi)

2-qadam. Endi Project ishlashi uchun bir nechta dasturlar kompuyuteringizga o'rnatishingiz kerak.

  • Node.js ni U loyihani run qilishda yordam beradi.
  • VS Code Loyihaga o'zgartirish kiritish uchun kod muharriri. (Aslida har qanday kod muharriridan foydalansa bo'ladi lekin qulayi shu)
4-rasm. Node.js ning rasmiy websayti

Node.js ni yuklab olish uchun link: https://nodejs.org/en

Uni yuklab olganingizdan so'ng, uni kompyuteringizga o'rnating.

5-rasm

6-rasm

Next, next, ... ni bosib borish orqali o'rnatasiz.

Keyin o'rnatilganiniga ishonch hosil qilish uchun. Klaviaturadan CTRL + R klavishlarini bosasiz. Keyin quyidagi oyna ochiladi.

7-rasm.

Shu yerga cmd yozuvini yozib OK ni bosasiz. Keyin CMD oynasi ochiladi:

8-rasm.

Keyin rasmda ko'rsatilgan kommandani yozsangiz versiyasi chiqsa demak kompyuterga Node.js o'rnatilgan bo'ladi.

Endi loyihamizga VS Code ni o'rnatamiz. Yuklab olish uchun link: https://code.visualstudio.com/download ushbu linkga kirganingizdan so'ng

9-rasm.

Rasmda ko'rsatilgan joyga bosamiz. Keyin Uni ham o'rnatamiz.

10-rasm.
11-rasm. VS code o'rnatish jarayoni.

Bunda ham Далее ni bosib boraveramiz.

3 - qadam. Endi loyiha papkamizga qaytamiz.

12-rasm. Loyiha asosiy papkasi
13-rasm.

Va yuqorida ko'rsatilgan rasmdagi joyga sichqonchani bir marta bosamiz.

Keyin: cmd deb yozamiz va loyiha papkasi ichida cmd ni ochib beradi:

14-rasm.
15-rasm.

Keyin yuqorida ko'rsatilgan rasmda cmd oynasida npm install buyrug'ini kiritamiz. Bu buyruq loyihaga kerakli bo'lgan kutubxonalarni o'rnatadi.

16-rasm

Keyin code . kommandasini kiritamiz va enterni bosamiz. Yuqorida ko'rsatilgandek. Bu buyruq Loyihamizni vs code muharrida ochib beradi

17-rasm

4-qadam. Endi loyihamizdagi darslarni o'zgartirish ni ko'ramiz.

Yuqoridagi rasmda har bir sinfning darslari papkalari joylashgan. Misol uchun 1-sinf 1-darsni o'zgartirish uchun.

18-rasm.

Yuqoridagi rasmdagi 1) Bu 1-sinf, 1-dars fayli. U fayl ichidan 2) Dars kontenti 3) Darsm mavzusi nomi joylariga xoxlagan matningizni yoki HTML kodlaringizni yozishingiz mumkin.

5-qadam. Endi Loyihani ishga tushiramiz. Buning uchun cmd kommandasiga qaytamiz:

19-rasm.

Va u yerga yuqorida ko'rsatilgandek npm run dev buyrug'ini kiritamiz. Bu buyruq loyimaizni ishga tushirib beradi.

20-rasm

Agar sizda ham shunday yozuvlar chiqsa loyiha muvaffaqqyatli ishga tushgan bo'ladi.

Endi loyihani browserda ko'rish uchun:

http://localhost:5000 ga o'tamiz:

21-rasm.