Maneiras fáceis de usar ES6: 8 etapas (com imagens)

Índice:

Maneiras fáceis de usar ES6: 8 etapas (com imagens)
Maneiras fáceis de usar ES6: 8 etapas (com imagens)

Vídeo: Maneiras fáceis de usar ES6: 8 etapas (com imagens)

Vídeo: Maneiras fáceis de usar ES6: 8 etapas (com imagens)
Vídeo: Hack crossfire - Hack đột kích - Hack cf - Đột kích trung quốc - Crossfire china - Zombie nano cf 2024, Maio
Anonim

ES6, às vezes referido como ECMAScript 2015, é um código que você encontrará em alguns navegadores, mas você precisa executar um ambiente Node.js para poder executar e escrever código ES6. Este wikiHow mostrará como começar a escrever código ES6.

Passos

Use ES6 Etapa 1
Use ES6 Etapa 1

Etapa 1. Baixe e instale o Node.js em

Node.js é um ambiente do lado do servidor que você precisa para usar código. Node.js funciona para Windows e macOS.

  • Pule esta etapa se você já tiver o Node.js instalado em seu computador.
  • Clique LTS, o primeiro botão verde à esquerda. Isso instalará uma versão estável do Node.js em seu computador. Se você estiver usando um computador Windows, provavelmente precisará executar o arquivo baixado e continuar com o assistente de instalação. Se você estiver usando o macOS, provavelmente precisará executar o arquivo instalado e, em seguida, arrastar e soltar o ícone do aplicativo na pasta Aplicativos.
Use ES6 Etapa 2
Use ES6 Etapa 2

Etapa 2. Baixe e instale o Visual Studio Code em

VSC é um programa executado em Windows e Mac que permite criar código ES6.

Clique Download no canto superior direito da página, se o atual Baixe para (seu sistema operacional) está incorreto. Os usuários do Windows podem precisar executar o arquivo baixado e continuar com o assistente de instalação. Se você estiver usando o macOS, provavelmente precisará executar o arquivo instalado e, em seguida, arrastar e soltar o ícone do aplicativo na pasta Aplicativos.

Use ES6 Etapa 3
Use ES6 Etapa 3

Etapa 3. Crie uma pasta vazia em sua unidade ou área de trabalho

Para fazer isso, basta abrir o File Explorer ou Finder, ir até o local (por exemplo, unidade C) onde deseja criar sua pasta. Nomeie algo simples de que você se lembre (como "JS" ou "Nodefolder").

Use ES6 Etapa 4
Use ES6 Etapa 4

Etapa 4. Abra o código do Visual Studio

Você encontrará isso no menu Iniciar ou na pasta Aplicativos no Finder.

Use ES6 Etapa 5
Use ES6 Etapa 5

Etapa 5. Abra a pasta vazia no VSC

Vamos para Arquivo> Abrir nova pasta para abrir o navegador de arquivos e selecionar sua pasta vazia.

Você verá o nome da sua pasta no painel do lado esquerdo do aplicativo

Use ES6 Etapa 6
Use ES6 Etapa 6

Etapa 6. Crie um arquivo em sua pasta

Clique na página e no ícone de sinal de mais (+) próximo ao nome da pasta.

Nomeie algo simples, por exemplo "helloworld.js"

Use ES6 Etapa 7
Use ES6 Etapa 7

Etapa 7. Insira o código a seguir no painel de texto à direita

  • console.log ('Olá, mundo');

Use ES6 Etapa 8
Use ES6 Etapa 8

Etapa 8. Teste se o código funciona

Como o Node.js está instalado, você verá uma janela "Terminal" perto da parte inferior do programa.

  • Modelo

    node helloworld.js

  • e você deve obter uma resposta de "Olá, mundo" na próxima linha.
  • Você deve ser capaz de criar qualquer código ES6 que desejar aqui. Para obter exemplos de código, você pode consultar https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ e https:// código. visualstudio.com/docs/languages/javascript.

Recomendado: