Seja Bem-Vindo(a) ao meu tutorial 😃

- Inicio - Requisitos Minímos - Criar /Abrir /Executar - Instalando o PromptSync - Finalizando o Tutorial - Explicação - Dúvidas

O que irei aprender aqui? 🤷‍♂️

Neste repositório irei lhe ensinar a como fazer um código Js(JavaScript) onde há uma entrada de dados comum, utilizando o terminal do VScode sem o uso de site CSS/HTML. O problema encontrado foi de que no Visual Studio Code não é possível receber valores do teclado para uma entrada de dados convencional, assim como no Python e Java

Requisitos Minímos:

• 1 Você deve ter instalado o Node.js para que possamos utilizar a Biblioteca
• 2 O Visual Studio Code deve estar instalado juntamente
• 3 No Visual Studio Code, instale as extensões: Code Runner, JavaScript (ES6) code snippets

• Node.JS - Visual Studio Code

Verifique se o Node.JS está instalado da seguinte maneira:

• 1 - Abra o Prompt de comando do seu computador
• 2 - Digite "node" da maneira como está mostrando a imagem
• 3 - Se aparecer a versão do Node quer dizer que está tudo certo

Criar

Para começarmos mesmo devemos criar uma pasta onde será armazenado nosso código JavaScript

• 1 - Abra seu explorador de arquivos
• 2 - Crie uma pasta (qualquer nome), no caso o nome da pasta criada foi: "PromptSyncGit"

Abrir

Agora abra o seu Visual Studio Code e a partir dele, abra a pasta que você criou

• 1 - Vá em arquivo
• 2 - Abrir pasta
• 3 - Selecione a pasta criada que foi: "PromptSyncGit"
• 4 - Por fim, crie um arquivo JavaScript, com nome a sua preferência, exemplo na imagem: "App.js"

Executar

Antes de executarmos a aplicação devemos adicionar uma linha de código bastante importante

• 1 - Com a pasta do código aberto e com o arquivo JavaScript criado, você vai digitar o seguinte código
• 2 - Sempre o deixando na 1° linha de código

const entrada = require('prompt-sync')({sigint: true});

Instalando o PromptSync

Chegamos na cereja do bolo, é aqui que tudo muda

• 1 - Inicialmente se você for olha a pasta que criou, terá somente o arquivo JavaScript, como na foto 1° abaixo: App.js
• 2 - No espaço de código, vá em terminal
• 3 - Novo terminal
• 4 - Obs: Se o terminal não abrir na pasta onde está o código, você pode utilizar o comando "cd"+{NomeDoDiretório}
• 5 - Agora no terminal digite o seguinte comando: npm install prompt-sync

Após digitar o comando, você pode ver que na pasta do seu projeto foi adicionado uma nova pasta e arquivos, ou tudo pode estar contido em somente uma pasta

Finalizando o Tutorial

Com tudo pronto, criei um código simples com entrada de dados e o seu retorno

- 1 - No terminal digite "node"+ nome do arquivo, que seria o JavaScript, da seguinte maneira: "node App.js"

Explicação:

O que realmente significa essa linha de código?

const entrada = require('prompt-sync')({sigint: true});

A variável entrada pode ser um nome sua escolha, mas ela é quem vai no seu código para quando houver uma entrada de dados

Exemplo:

const entradaDados = require('prompt-sync')({sigint: true});

let idade = Number.parseInt(entradaDados("Digite um número: "));

O que require quer dizer?

require('prompt-sync')

Esse é bem simples, o require está fazendo um requerimento dos dados que foram baixados a partir do prompt-sync

E o sigint: true?

({sigint: true});

Ele diz se a condição de entrada de dados é verdadeira ou falsa, se você for agora e troca de "true" para "false", o código não irá conseguir capitar se houve uma entrada de dados, ou melhor, ele vai negar essa entrada

Referência utilizada para o tutorial:

No link abaixo está o video que foi utilizado para produzir esse repositório

https://youtu.be/1TzCYVTC9tc?si=zmhZPPBLgPT5kwXa

Dúvidas:

Se não conseguiu ou tem alguma dúvida em relação ao assunto, entre em contato comigo por algum dos meios abaixo:

Obrigado por chegar aqui, até um próximo tutorial 😀👍

✮ LEIA EM OUTROS IDIOMAS: