SMART KIDS - DIPLOM ishi
Kompyuterda run qilish uchun quidagi amallari ketma ketligini qadamma-qadam bajaring
1 - qadam. Zipdan loyiha papkasini oching
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)
Node.js ni yuklab olish uchun link: https://nodejs.org/en
Uni yuklab olganingizdan so'ng, uni kompyuteringizga o'rnating.
Next, next, ... ni bosib borish orqali o'rnatasiz.
Keyin o'rnatilganiniga ishonch hosil qilish uchun. Klaviaturadan CTRL + R
klavishlarini bosasiz. Keyin quyidagi oyna ochiladi.
Shu yerga cmd
yozuvini yozib OK ni bosasiz. Keyin CMD oynasi ochiladi:
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
Rasmda ko'rsatilgan joyga bosamiz. Keyin Uni ham o'rnatamiz.
Bunda ham Далее ni bosib boraveramiz.
3 - qadam. Endi loyiha papkamizga qaytamiz.
Va yuqorida ko'rsatilgan rasmdagi joyga sichqonchani bir marta bosamiz.
Keyin: cmd deb yozamiz va loyiha papkasi ichida cmd ni ochib beradi:
Keyin yuqorida ko'rsatilgan rasmda cmd oynasida npm install
buyrug'ini kiritamiz. Bu buyruq loyihaga kerakli bo'lgan kutubxonalarni o'rnatadi.
Keyin code .
kommandasini kiritamiz va enterni bosamiz. Yuqorida ko'rsatilgandek. Bu buyruq Loyihamizni vs code muharrida ochib beradi
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.
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:
Va u yerga yuqorida ko'rsatilgandek npm run dev
buyrug'ini kiritamiz. Bu buyruq loyimaizni ishga tushirib beradi.
Agar sizda ham shunday yozuvlar chiqsa loyiha muvaffaqqyatli ishga tushgan bo'ladi.
Endi loyihani browserda ko'rish uchun:
http://localhost:5000 ga o'tamiz: