Enkel og best måte å trene JavaScript på

Introduksjon

Å lære og trene JavaScript er alltid morsomt. Men noen ganger mens vi trener, blir vi utslitte fordi hver gang vi gjør noen endringer i koden, må vi gå tilbake til nettleseren og laste den på nytt. Etter det må vi se konsollen for utdataene. Hele prosessen er distraherende og tidkrevende. Jeg hadde også den samme opplevelsen da jeg lærte JavaScript, men da kom jeg til en løsning som jeg vil dele med leserne mine. Jeg fant denne måten veldig enkel og enkel. Ved å følge denne metoden, gir jeg mye mer tid til å forstå JavaScript-konsepter i stedet for å oppdatere nettleseren.

Ting vi vil bruke

  • Sublime tekst
  • iTerm
    〰 Du kan bruke hvilken som helst tekstredigerer eller terminal du ønsker
  • NodeJS
    〰 Å kjøre JavaScript utenfor nettleseren.
  • Nodemon Plugin
Nodemon er et verktøy som vil overvåke for eventuelle endringer i kilden og automatisk starte serveren på nytt. Perfekt for utvikling.

La oss begynne!

  • Åpne først Sublime Text Editor og åpne prosjektet ditt i det ved å dra og slippe prosjektmappen i vinduet eller ved å velge prosjektmappe ved å velge File> Open ....
  • Åpne deretter iTerm og endre katalog til prosjektkatalogen.
  • Deretter legger du til nodemon.json-filen i roten til prosjektet ditt og følgende data i den filen.
{
 "arrangementer": {
     "start": "clear"
   }
}
Vi tømmer konsollen før vi kjører filen. Det vil gi oss en klar konsoll og et distraheringsfritt miljø. Så for det er vi bindende klar kommando med starthendelse av nodemon.
Klikk for å vite mer om nodemon-hendelser?
  • Kjør deretter JavaScript-filen din ved å utføre følgende kommando til terminalen:
nodemon - stille YOUR_FILENAME.js

Hva den vil gjøre er at den vil se på filen din for endringer og utføre den filen hvis noen endringer blir gjort. - stille vil deaktivere nodemonlogs for å gi deg distraksjonsfri utgang.

  • Nå åpner de begge side om side og begynn å skrive kode, trykk ctrl + S.
    (cmd + S i tilfelle macOS) for å lagre filen og se utdataene samtidig.
Hvis du bruker macOSX, kan du dele dem begge i et eget vindu. If vil gi deg et komplett distraksjonsfritt miljø. Hvis du bruker linux eller windows, kan du endre størrelse på dem og holde dem side om side.

Det er det!!

Dette var et problem som jeg hadde, og da prøvde jeg å løse det. Nå er det bare å skrive koden og deretter trykke på ctrl + S, og utdataene til den koden er foran deg. Bare bruk tiden din på å tenke på problemet, ikke om hvordan du tester det.

Gå nå og øv deg som en proff

Hvis du liker denne artikkelen, kan du gi den noen klapper og dele den! Hvis du ikke liker dette innlegget eller har noen form for spørsmål angående noe jeg nevnte i dette innlegget. Spør meg gjerne. Bare legg ut et problem i "Spør meg noe" ved å klikke her.

Følg meg på Medium eller Twitter for mer som dette. For å stille et spørsmål, besøk denne lenken. Mer om meg på min hjemmeside.

Ikke glem å abonnere på vår ukentlige nyhetsbrevtjeneste for nett hackere. Alle siste artikler og ting som trender, direkte til postkassen .