Proste sposoby korzystania z ES6: 8 kroków (ze zdjęciami)

Spisu treści:

Proste sposoby korzystania z ES6: 8 kroków (ze zdjęciami)
Proste sposoby korzystania z ES6: 8 kroków (ze zdjęciami)

Wideo: Proste sposoby korzystania z ES6: 8 kroków (ze zdjęciami)

Wideo: Proste sposoby korzystania z ES6: 8 kroków (ze zdjęciami)
Wideo: jak włamać się na każde konto w roblox #shorts #roblox 2024, Może
Anonim

ES6, czasami określany jako ECMAScript 2015, to kod, który można znaleźć w niektórych przeglądarkach, ale musisz uruchomić środowisko Node.js, aby móc uruchamiać i pisać kod ES6. Ten wikiHow pokaże Ci, jak zacząć pisać kod ES6.

Kroki

Użyj ES6 Krok 1
Użyj ES6 Krok 1

Krok 1. Pobierz i zainstaluj Node.js na

Node.js to środowisko po stronie serwera, w którym musisz używać kodu. Node.js działa zarówno w systemie Windows, jak i macOS.

  • Pomiń ten krok, jeśli masz już zainstalowany Node.js na swoim komputerze.
  • Kliknij LTS, pierwszy zielony przycisk po lewej stronie. Spowoduje to zainstalowanie stabilnej wersji Node.js na Twoim komputerze. Jeśli używasz komputera z systemem Windows, najprawdopodobniej będziesz musiał uruchomić pobrany plik i kontynuować pracę kreatora instalacji. Jeśli używasz systemu macOS, najprawdopodobniej konieczne będzie uruchomienie zainstalowanego pliku, a następnie przeciągnięcie i upuszczenie ikony aplikacji do folderu Aplikacje.
Użyj ES6 Krok 2
Użyj ES6 Krok 2

Krok 2. Pobierz i zainstaluj Visual Studio Code pod adresem

VSC to program działający zarówno w systemie Windows, jak i Mac, który umożliwia tworzenie kodu ES6.

Kliknij Pobierać w prawym górnym rogu strony, jeśli aktualna Pobierz dla (Twój system operacyjny) jest nieprawidłowe. Użytkownicy systemu Windows mogą potrzebować uruchomić pobrany plik i kontynuować pracę kreatora instalacji. Jeśli używasz systemu macOS, najprawdopodobniej będziesz musiał uruchomić zainstalowany plik, a następnie przeciągnąć i upuścić ikonę aplikacji do folderu Aplikacje.

Użyj ES6 Krok 3
Użyj ES6 Krok 3

Krok 3. Utwórz pusty folder na dysku lub pulpicie

Aby to zrobić, po prostu otwórz Eksplorator plików lub Finder, przejdź do lokalizacji (na przykład dysk C), w której chcesz utworzyć folder. Nazwij go czymś prostym, co zapamiętasz (np. „JS” lub „Nodefolder”).

Użyj ES6 Krok 4
Użyj ES6 Krok 4

Krok 4. Otwórz kod programu Visual Studio

Znajdziesz to w swoim menu Start lub folderze Aplikacje w Finderze.

Użyj ES6 Krok 5
Użyj ES6 Krok 5

Krok 5. Otwórz pusty folder w VSC

Iść do Plik > Otwórz nowy folder aby otworzyć przeglądarkę plików i wybrać pusty folder.

Zobaczysz nazwę swojego folderu w panelu po lewej stronie aplikacji

Użyj ES6 Krok 6
Użyj ES6 Krok 6

Krok 6. Utwórz plik w swoim folderze

Kliknij ikonę strony i znaku plus (+) obok nazwy folderu.

Nazwij go czymś prostym, na przykład "helloworld.js"

Użyj ES6 Krok 7
Użyj ES6 Krok 7

Krok 7. Wprowadź następujący kod w okienku tekstowym po prawej stronie

  • console.log('Witaj świecie');

Użyj ES6 Krok 8
Użyj ES6 Krok 8

Krok 8. Sprawdź, czy kod działa

Ponieważ masz zainstalowany Node.js, zobaczysz okno "Terminal" u dołu programu.

  • Rodzaj

    węzeł helloworld.js

  • i powinieneś otrzymać odpowiedź "Hello world" w następnym wierszu.
  • Powinieneś być w stanie stworzyć tutaj dowolny kod ES6. Przykłady kodu można znaleźć pod adresem https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ i https://code. visualstudio.com/docs/languages/javascript.

Zalecana: