Teste seu código com Jest: um guia passo a passo para adicionar Jest a um projeto Node.js
5 de May de 2023
Como criar um projeto Node.js com TypeScript: um guia passo a passo para iniciantes
Neste guia passo a passo, você aprenderá como criar um projeto Node.js com TypeScript do zero, incluindo a instalação das dependências necessárias e a criação de um servidor web básico. Então, vamos começar!
Iniciando o Projeto
- Para começar, criaremos um novo diretório e navegaremos até ele. Use os comandos abaixo no seu terminal:
mkdir loldev-node-project cd loldev-node-project
- Em seguida, vamos inicializar o npm e responder às perguntas que aparecem no console com o comando
npm init.
npm init
- Com o npm inicializado, é hora de instalar as dependências necessárias para o nosso projeto:Instale as dependências necessárias para o projeto:
npm install --save express npm install --save-dev typescript ts-node @types/node @types/express
- Agora, vamos criar um arquivo
tsconfig.jsonna raiz do projeto e adicionar o seguinte conteúdo para configurar nosso compilador TypeScript:
{
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"outDir": "dist",
"esModuleInterop": true,
"sourceMap": true
},
"include": [
"src/**/*"
]
}
- Crie um diretório
srce dentro dele crie um arquivoindex.tscom o seguinte conteúdo:
import express from 'express';
const app = express();
app.get('/', (req, res) => {
res.send('Olá, mundo!');
});
app.listen(3000, () => {
console.log('Servidor rodando na porta 3000');
});
export default app;
- Adicione um script no arquivo
package.jsonpara compilar e executar o projeto:
"scripts": {
"start": "ts-node src/index.ts",
"build": "tsc"
},
- Finalmente, compile o código TypeScript com
npm run build:
npm run build
- Execute o projeto com
npm start:
npm start
Parabéns! Agora você pode abrir seu navegador e ir para http://localhost:3000 para ver a mensagem "Olá, mundo!" exibida na tela.
Nodemon para desenvolvimento
O Nodemon é uma ferramenta de desenvolvimento para Node.js que permite monitorar alterações no código e reiniciar automaticamente o servidor Node.js sempre que houver uma alteração no código. Veja como adicioná-lo ao seu projeto:
- Primeiro, vamos instalar o Nodemon como uma dependência de desenvolvimento usando o npm:
npm install --save-dev nodemon
- Em seguida, abra o arquivo
package.jsone adicione o seguinte script:
"scripts": {
"dev": "nodemon src/index.ts",
}
- Agora, basta iniciar o servidor usando o comando:
npm run dev
Git para controle de versão
-
Primeiro, vamos adiciona o arquivo
.gitignoree adicione o conteúdo:
# Arquivos gerados automaticamente node_modules/ dist/ *.log logs npm-debug.log* yarn-debug.log* yarn-error.log* # Runtime data pids *.pid *.seed *.pid.lock # Directory for instrumented libs generated by jscoverage/JSCover lib-cov # Coverage directory used by tools like istanbul coverage *.lcov # dotenv environment variable files .env .env.development.local .env.test.local .env.production.local .env.local # Arquivos de backup *~ # Optional npm cache directory .npm # build build/ #macos .DS_Store
- Crie um novo repositório Git em seu projeto digitando o seguinte comando no terminal:
git init
- Adicione seus arquivos ao repositório Git usando o seguinte comando:
git add .
- Faça seu primeiro commit usando o seguinte comando:
git commit -m "Meu primeiro commit"
- Adicione o URL do repositório remoto usando o seguinte comando:
git remote add origin <URL do repositório remoto>
- Agora, você pode fazer o push do seu primeiro commit para o repositório remoto usando o seguinte comando:
git push -u origin master
Este comando fará o push do seu primeiro commit para o repositório remoto.
Repositório do Projeto
Para fins de consulta, você pode encontrar todo o código deste projeto em nosso repositório do Github.
Conclusão
Esperamos que este guia tenha ajudado você a se sentir mais confiante para iniciar seu próprio projeto Node.js com TypeScript.
Lembre-se: a prática leva à perfeição. Quanto mais você trabalhar com essas ferramentas, mais confortável e habilidoso você se tornará.
Aqui na LOLDEV, estamos comprometidos em fornecer os recursos e ferramentas de que você precisa para ter sucesso em seus esforços de desenvolvimento. Se precisar de mais assistência, não hesite em entrar em contato conosco. Nossos especialistas em desenvolvimento web estão prontos para ajudá-lo em cada etapa do seu projeto.
