Eenvoudige en beste manier om JavaScript te oefenen

Invoering

JavaScript leren en oefenen is altijd leuk. Maar soms raken we tijdens het oefenen uitgeput omdat we elke keer dat we de code wijzigen, terug moeten naar de browser en deze opnieuw moeten laden. Daarna moeten we de console zien voor de uitvoer. Dit hele proces is afleidend en tijdrovend. Ik had ook dezelfde ervaring toen ik JavaScript aan het leren was, maar toen kwam ik tot een oplossing die ik met mijn lezers wil delen. Ik vond deze manier heel eenvoudig en gemakkelijk. Door deze methode te volgen, geef ik veel meer tijd om JavaScript-concepten te begrijpen in plaats van de browser te vernieuwen.

Dingen die we zullen gebruiken

  • Sublieme tekst
  • iTerm
    〰 U kunt elke gewenste teksteditor of terminal gebruiken
  • NodeJS
    JavaScript JavaScript buiten de browser uitvoeren.
  • Nodemon-plug-in
Nodemon is een hulpprogramma dat controleert op wijzigingen in uw bron en uw server automatisch opnieuw opstart. Perfect voor ontwikkeling.

Laten we beginnen!

  • Open eerst de Sublieme teksteditor en open uw project erin door de projectmap naar het venster te slepen of neer te zetten of door de projectmap te selecteren door Bestand> Openen ... te selecteren.
  • Open vervolgens iTerm en wijzig de map in uw projectmap.
  • Voeg vervolgens het bestand nodemon.json toe aan de hoofdmap van uw project en de volgende gegevens in dat bestand.
{
 "evenementen": {
     "start": "clear"
   }
}
We wissen de console voordat we het bestand uitvoeren. Het geeft ons een duidelijke console en een omgeving zonder afleiding. Dus daarvoor binden we een duidelijk commando met startgebeurtenis van nodemon.
Klik om meer te weten over nodemon-evenementen?
  • Voer vervolgens uw JavaScript-bestand uit door de volgende opdracht in de terminal uit te voeren:
nodemon --quiet YOUR_FILENAME.js

Wat het zal doen is, het zal uw bestand controleren op wijzigingen en dat bestand uitvoeren als er wijzigingen worden aangebracht. --quiet zal nodemonlogs uitschakelen om je afleidingsvrije output te bieden.

  • Open nu beide naast elkaar en begin met het schrijven van code, druk op Ctrl + S.
    (cmd + S in het geval van macOS) om het bestand op te slaan en tegelijkertijd de uitvoer te bekijken.
Als u macOSX gebruikt, kunt u beide in een apart venster splitsen. Als u een complete omgeving zonder afleiding krijgt. Als u Linux of Windows gebruikt, kunt u de grootte ervan wijzigen en ze naast elkaar bewaren.

Dat is het!!

Dit was een probleem dat ik had en toen probeerde ik het op te lossen. Schrijf nu gewoon uw code en druk vervolgens op Ctrl + S en de uitvoer van die code staat voor u. Besteed gewoon uw tijd aan het nadenken over het probleem en niet aan het testen ervan.

Ga nu oefenen als een professional

Als je dit artikel leuk vindt, geef het dan een paar klappen en deel het! Als je dit bericht niet leuk vindt of vragen hebt over iets dat ik in dit bericht heb genoemd. Voel je vrij om mij te vragen. Plaats een probleem in mijn "Ask Me Anything" door hier te klikken.

Volg me op Medium of Twitter voor meer als dit. Om een ​​vraag te stellen, bezoek deze link. Meer over mij op mijn website.

Vergeet niet om in te schrijven op onze wekelijkse nieuwsbriefservice voor webhackers. Alle nieuwste artikelen en dingen zoals trending repositories, rechtstreeks naar je mailbox .