Carregando...
Sem categoria

Typescript

Vendo sua aplicação Typescript em tempo real

Você pode criar um servidor local para debugar seu projeto em tempo real:
https://docs.microsoft.com/pt-br/archive/blogs/cdndevs/visual-studio-code-and-local-web-server
https://stackoverflow.com/questions/52583550/steps-to-run-node-http-server-in-visual-studio-code

Crie um arquivo package.json nesse formato

{
  "name": "typescript",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "lite": "lite-server --port 10001",
    "start": "npm run lite"
  },
  "devDependencies": {
    "lite-server": "^1.3.1"
  }
}

Faça o npm instalar as dependências do projeto e o lite-server com:

npm install

Inicie o servidor com:

npm start

Typescript para Browser

Ao usar o comando tsc (typescript compile), os arquivos gerados apresentam chamadas de funções do NodeJS backend.

Para transformar o arquivo .js recém gerado pelo tsc para um arquivo .js compatível no browser use o browserify.
https://techblog.topdesk.com/coding/front-end-with-typescript-tutorial-step-5-using-browserify/

Referências – Typescript para Browser

Arquivo tsconfig.json
https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

Usando o Browserify
https://techblog.topdesk.com/coding/front-end-with-typescript-tutorial-step-5-using-browserify/

Referências

Tutorial completo de NodeJS + Typescript + Docker
https://blog.risingstack.com/building-a-node-js-app-with-typescript-tutorial/

https://www.digitalocean.com/community/tutorials/how-to-add-javascript-to-html

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *