설정: Express com TypeScript

타벨라 데 콘테우도스

TypeScript

Requisitos

Scripts

Resumo

Links Úteis

타입스크립트

참조

설치

Express e TS에서 API를 desenvolvimento하고 있으며, 개발은 TypeScript에서 Projeto, ou globalmente에 따라 설치됩니다.

npm i -g typescript  # instalação global na máquina
npm i -D typescript  # instalação como dependência de desenvolvimento

Voltar ao topo

요건

@유형/노드

TypeScript에서 Node.js를 사용하여 Express 애플리케이션을 Desenvolver로 전환하기 위해 가장 먼저 필요한 것은 Node.js를 사용하는 것입니다.

npm i -D @types/node

익스프레스 + @유형

Express em si juntamente com sua tipagem, que assim como a do Node.js não vem junto do do pacote principal, sendo necessário install-la manualmente.

npm i express
npm i -D @types/express

ts-노드-개발

Essa é uma ferramente para desenvolvimento que realiza a compilação e inicialização do servidor a cada alteração realizada nos arquivos, aumentando a produtividade. Seu funcionamento é similar ao nodemon , porém além de reiniciar o servidor automaticamente, também compila os arquivos.

npm i -D ts-node-dev  # é uma dependência opcional, porém facilita MUITO o desenvolvimento

Voltar ao topo

스크립트

예?

São comandos definidos por nós para a execução de determinada ação, a inicialização de um servidor de desenvolvimento, ou a execução de testes, por exemplo.

추천 스크립트

Ao desenvolver uma aplicação Express com TS, podemos definir alguns scripts para facilitar o desenvolvimento.

개발자

O script "dev" é comumente responsável por iniciar um servidor de desenvolvimento, sendo que normalmente esse servidor possui hot reload, ou seja, semper que alterarmos nosso código, o servidor será reiniciado automaticamente para refletir tal mudança.

// package.json

{
  "dev": "ts-node-dev --inspect --transpile-only --ignore node_modules --respawn src/server.ts",
}

테스트

O script test , como o nome da a entender, é responsável pela execução dos testes da aplicação, sendo que o comando utilizado nesse script irá alterar dependsendo da ferramenta utilizada, no example abaixo o mocha é o framework de testes.

// package.json

{
  "test": "mocha ./tests/**/*$NAME*.test.js --exit"
}

TypeScript에서 테스트를 미리 확인하고 다음 스크립트를 사용하여 다음을 사용할 수 있습니다.

// package.json

{
  "test": "mocha -r ts-node/register/transpile-only __tests__/**/*.spec.ts",
}

시작

O 스크립트start는 작업 환경에 필요한 작업을 수행할 때 응용 프로그램을 시작할 때 필요합니다.

// package.json

{
  "start": "tsc && node dist/server.js"  // irá compilar e depois inicializar o servidor a partir do arquivo compilado
}

짓다

E por fimo script build é responsável por "construir"nossa aplicação, ele deve receber comandos responsáveis ​​por tal ação. No caso, como estamos focando em uma aplicação Express simples com TS, o nosso processo de build será somente compilar o código, mas em aplicações mais complexas, que usem webpack por exemplo, os comandos seriam outros.

// package.json

{
  "build": "tsc"
}

Voltar ao topo

이력서

종속성 설치

npm i express

npm i -D typescript @types/node @types/express ts-node-dev

npm i -D mocha chai chai-http sinon  # dependências opcionais* para testes

스크립트 정의

{
  "scripts": {
    "start": "npm run build && node dist/server.js",
    "dev": "ts-node-dev --inspect --transpile-only --ignore node_modules --respawn src/server.ts",
    "test": "mocha ./tests/**/*$NAME*.test.js --exit",
    "build": "tsc"
  }
}

Voltar ao topo

링크 Úteis

Express Docs - v4 reference

DevHints - Express Cheat Sheet

OverAPI - Express Cheat Sheet

LogRocket - How to set up TypeScript with Node.js and Express

Medium (Amir Mustafa) - Node.js and Express.js with TypeScript

Voltar ao topo