O PROCESSO DE INSTALAÇÃO
Por: PROF. CWSL • 30/11/2021 • Seminário • 2.201 Palavras (9 Páginas) • 108 Visualizações
[pic 1]02
[pic 2]
PROCESSO DE INSTALAÇÃO | ||
Instalação do NodeJS | Disponível no site: https://nodejs.org/en/ | |
Baixar a versão LTS, pois ela não apresentará bugs. | ||
Verificando a versão do Node | Para verificar a versão do NodeJS que está instalada usamos dois comandos no Prompt. | |
node -v | node --version | |
INICIANDO UM PROJETO | ||
No prompt do VSC | digitar o seguinte comando: | npm init |
package name: | nomear o projeto que foi criado. | |
version: por padrão (1.0.0) | é possível alterar a versão do projeto. | |
description: | descrição do projeto. | |
entry point: por padrão (index.js) | porta de entrada (arquivo principal). | |
test command: | ||
git repository: | associar um repositório do github. | |
keywords: | palavras chaves do projeto. | |
author: | autor do projeto. | |
license: por padrão (ISC) | licença de uso do projeto. | |
no fim dessa etapa será gerado um arquivo chamado de package.json | ||
package.json é um object com todas as informações que estão relacionadas ao projeto. | ||
é possível criar o arquivo package.json sem preencher as informações requeridas. | ||
Para criar o package.json automaticamente (sem preencher nada) digitamos: npm init -y | ||
a próxima etapa é criar um arquivo index.js (onde é possível inserir códigos para executar). | ||
let info = {nome: "Ana Carla", idade: 24}; let msg = `meu nome é ${info.nome} e a minha idade é ${info.idade} anos`; console.log(msg); | ||
Usamos o comando node index.js no prompt para executar o arquivo JS que foi criado. | ||
O comando (index.js) é a página principal do projeto. |
CRIANDO UM ARQUIVO DE CONFIGURAÇÃO | ||
No prompt do VSC | digitamos no prompt de comando do VSC o seguinte comando: tsc --init | |
O arquivo de configuração armazenará as características gerais do projeto. | ||
Será criado um arquivo chamado de: tsconfig.json | ||
ORGANIZAÇÃO DAS PASTAS | ||
SRC | A pasta SRC é reservada para os arquivos privados. | |
A pasta SRC armazena por exemplo os arquivos (TS). | ||
PUBLIC/DIST | A pasta PUBLIC é reservada para os arquivos que não são privados. | |
CONFIGURANDO O ARQUIVO (tsconfig.json) | ||
No arquivo tsconfig.json configurar | "target": "es2016" | Usar a versão mais recente do JS. |
"moduleResolution": "node" | Configurar o editor para node. | |
"rootDir": "./src" | Direção da pasta de arquivos privados. | |
"outDir": "./public" | Destino final dos arquivos públicos. | |
INSTALANDO DEPENDÊNCIA (bibliotecas) | ||
types node | npm install --save-dev @types/node ou npm install @types/node --save-dev | |
O --save-dev indica que essa biblioteca será usada apenas no desenvolvimento do projeto, ou seja não será permanente. | ||
Aparecerá no projeto a pasta node_modules e o arquivo package-lock.json. | ||
A pasta node_modules guardará os arquivos pertinentes das bibliotecas que são adicionadas ao projeto. | ||
A pasta node_modules é muito pesada. Caso ela não esteja ou seja retirada do projeto é só digitar no prompt: npm install que o comando irá ler o arquivo package.json e adicionará as dependências necessárias para fazer o projeto funcionar. | ||
O arquivo package-lock.json com as configurações das dependências que foram instaladas. | ||
No arquivo package.json será adicionado as informações das bibliotecas (dependências) que estão instaladas no projeto. "devDependencies": { "@types/node": "^16.11.9" } | ||
ATUALIZAR AUTOMATICAMENTE AS ALTERAÇÕES FEITAS NO PROJETO | ||
comando tsc -w | watch mode’s monitora qualquer alteração feita nos arquivos do projeto e atualiza automaticamente. | |
Para sair do modo watch mode’s é preciso clicar no prompt CTRL + C | ||
Um terminal (node) será executado para monitorar as alterações que são feitas no projeto. | ||
Para rodar o projeto é necessário abrir um novo terminal do tipo (cmd). | ||
Para executar o projeto digitamos no terminal (cmd) node public/index.js |
...