JavaScript-ni mashq qilishning oddiy va eng yaxshi usuli

Kirish

O'rganish va JavaScript-ni o'rganish har doim qiziqarli. Ammo ba'zida mashq qilayotganda charchab qolamiz, chunki har safar kodga biron bir o'zgartirish kiritganimizda, brauzerga qaytib, uni qayta yuklashimiz kerak. Shundan so'ng, biz chiqish uchun uning konsolini ko'rishimiz kerak. Bu butun jarayon chalg'ituvchi va vaqtni talab qiladi. Men JavaScript-ni o'rganayotganda ham xuddi shunday tajribaga ega edim, ammo keyin men o'z o'quvchilarim bilan baham ko'rmoqchi bo'lgan qarorga keldim. Men bu usulni juda sodda va oson topdim. Ushbu usuldan foydalanib, brauzerni yangilash o'rniga JavaScript tushunchalarini tushunishga ko'proq vaqt ajrataman.

Biz foydalanadigan narsalar

  • Ajoyib matn
  • iTerm
    〰 Siz xohlagan matn muharriri yoki terminalidan foydalanishingiz mumkin
  • NodeJS
    JavaScript JavaScript-ni brauzerdan tashqarida ishlatish.
  • Nodemon plagin
Nodemon bu sizning manbangizdagi har qanday o'zgarishlarni kuzatib boradigan va serveringizni avtomatik ravishda qayta ishga tushiradigan yordamchi dastur. Rivojlanish uchun juda mos keladi.

Boshlaymiz!

  • Avval Sublime Text tahrirlovchisini oching va loyihangiz papkasini derazada tortib olib tashlab yoki Fayl> Ochish ... -ni tanlash orqali loyiha papkasini oching.
  • Keyin iTerm-ni oching va katalogingizni loyiha katalogingizga o'zgartiring.
  • Keyin, loyihangizning tubiga nodemon.json faylini va ushbu faylga quyidagi ma'lumotlarni qo'shing.
{
 "voqealar": {
     "boshlash": "aniq"
   }
}
Faylni ishga tushirishdan oldin biz konsolni tozalaymiz. Bu bizga aniq konsol va chalg'itadigan erkin muhitni beradi. Shunday qilib, biz aniq buyruqni nodemon hodisasi bilan bog'laymiz.
N Nodemon voqealari haqida ko'proq bilish uchun bosing?
  • Keyinchalik terminalda quyidagi buyruqni bajarib, JavaScript faylingizni ishga tushiring:
nodemon - SIZ YOUR_FILENAME.js

U nima qiladi, bu sizning faylingizni o'zgartirishlaringizni ko'radi va agar biron-bir o'zgartirish kiritilsa, ushbu faylni bajaradi. --quiet sizni chalg'itadigan bepul chiqish uchun nodemonloglarni o'chiradi.

  • Endi ikkalasini ham yonma-yon oching va kod yozishni boshlang, ctrl + S tugmalarini bosing.
    (macOS holatida cmd + S) faylni saqlash va natijani bir vaqtning o'zida ko'rish uchun.
Agar MacOSX dan foydalanayotgan bo'lsangiz, ikkalasini ham alohida oynaga bo'lishingiz mumkin. Agar sizni to'liq chalg'itadigan erkin muhit bilan ta'minlasangiz. Agar siz linux yoki derazalardan foydalanayotgan bo'lsangiz, siz ularning o'lchamlarini o'zgartirishingiz va ularni yonma-yon tutishingiz mumkin.

Bo'ldi shu!!

Menda bu muammo bor edi va keyin uni echishga harakat qildim. Endi faqat kodingizni yozing, so'ngra ctrl + S tugmachasini bosing va shu kodning chiqishi sizning oldingizda bo'ladi. Faqatgina uni qanday sinab ko'rish haqida emas, balki muammo haqida o'ylashga vaqtingizni sarflang.

Endi boring va kabi mashq qiling

Agar siz ushbu maqolani yoqtirsangiz, iltimos, unga bir necha marta give bering va uni baham ko'ring! Agar siz ushbu xabarni yoqtirmasangiz yoki men ushbu postda eslatib o'tgan narsalarga nisbatan biron bir savolingiz bo'lsa. Menga savol berishdan qo'rqmang. Muammoni shu erda bosish orqali "Mendan biron narsa so'rash" bo'limiga joylashtiring.

Shunga o'xshash ko'proq ma'lumotlar uchun, Menga O'rta yoki Twitter-da ergashing. Savol berish uchun ushbu havolaga tashrif buyuring. Veb-saytimda men haqimda ko'proq ma'lumot.

Veb-xakerlar uchun haftalik yangiliklarimizga obuna bo'lishni unutmang. Barcha so'nggi maqola va narsalar, to'g'ridan-to'g'ri pochta qutilariga yo'naltirilgan omborxonalar.