Jednoduché spôsoby používania ES6: 8 krokov (s obrázkami)

ES6, niekedy označovaný ako ECMAScript 2015, je kód, ktorý nájdete v niektorých prehliadačoch, ale musíte spustiť Node.js prostredie, aby ste mohli spúšťať a písať kód ES6. Tento článok vám ukáže, ako začať písať kód ES6.

Kroky

Stiahnite si a nainštalujte uzol.js na https://nodejs.org/en/. Uzol.js je prostredie na strane servera, ktoré potrebujete na použitie kódu. Uzol.js funguje pre Windows aj macOS.

  • Tento krok preskočte, ak už máte Node.js nainštalovaný v počítači.
  • Kliknite na LTS, prvé zelené tlačidlo naľavo. Tým sa nainštaluje stabilná verzia aplikácie Node.js do počítača. Ak používate počítač so systémom Windows, s najväčšou pravdepodobnosťou budete musieť stiahnutý súbor spustiť a pokračovať v inštalácii prostredníctvom sprievodcu inštaláciou. Ak používate systém macOS, s najväčšou pravdepodobnosťou budete musieť spustiť nainštalovaný súbor a potom ikonu aplikácie pretiahnuť do priečinka Aplikácie.

Stiahnite si a nainštalujte Visual Studio Code na adrese https://code.visualstudio.com/. VSC je program spustiteľný v systéme Windows aj Mac, ktorý umožňuje vytvárať kód ES6.

  • Kliknite na Stiahnite si stránku v pravom hornom rohu stránky, ak je aktuálny Stiahnite si pre (váš operačný systém) je nesprávne. Používatelia systému Windows možno budú musieť spustiť stiahnutý súbor a pokračovať v inštalácii prostredníctvom sprievodcu inštaláciou. Ak používate systém macOS, s najväčšou pravdepodobnosťou budete musieť spustiť nainštalovaný súbor a potom ikonu aplikácie pretiahnuť do priečinka Aplikácie.

Vytvorte prázdny priečinok na disku alebo na pracovnej ploche. Ak to chcete urobiť, stačí otvoriť Prieskumníka súborov alebo Finder, prejsť na miesto (napríklad disk C), kde chcete vytvoriť priečinok. Nazvite ho nejakým jednoduchým názvom, ktorý si zapamätáte (napríklad „JS“ alebo „Nodefolder“).

Otvorte aplikáciu Visual Studio Code. Nájdete ho v ponuke Štart alebo v priečinku Aplikácie v aplikácii Finder.

Otvorte prázdny priečinok vo VSC. Prejdite na Súbor > Otvoriť nový priečinok otvoriť prehliadač súborov a vybrať prázdny priečinok.[1]

  • Názov priečinka uvidíte na paneli na ľavej strane aplikácie.

Vytvorte súbor v priečinku. Kliknite na stránku a ikonu znamienka plus (+) vedľa názvu priečinka.

  • Nazvite ho nejako jednoducho, napríklad „helloworld.js“.

Do textového panela vpravo zadajte nasledujúci kód.

  • Konzola.log('Hello world');
  • Otestujte, či kód funguje. Keďže máte uzol.js nainštalovaný, uvidíte okno „Terminál“ v blízkosti spodnej časti vášho programu.

    • Zadajte adresu uzol helloworld.js a v ďalšom riadku by sa mala zobraziť odpoveď „Hello world“.
    • Tu by ste mali byť schopní vytvoriť akýkoľvek kód ES6, ktorý chcete. Príklady kódu nájdete na stránke https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ a https://code.visualstudio.com/docs/languages/javascript.
  • Odkazy