Git Product home page Git Product logo

tsnode's Introduction

Application Details

1 - Instalar o Typescript
npm i -D typescript
2 - Instalar o Sucrase
npm i -D sucrase
3 - Instalar o Nodemon
npm i -D nodemon
4 - Criar o arquivo nodemon.json
{"watch": ["src"],"ext": "ts","execMap": { "ts": "sucrase-node src/server.ts"}}
5 - Criar o script de build
"build": "sucrase .src -d ./dist --transforms typescript, imports"
6 - Instalar eslint
npm install eslint --save-dev
7 - Instalar eslint parser
npm i @typescript-eslint/parser -D
8 - Instalar eslint plugin
npm i @typescript-eslint/eslint-plugin -D
9 - Instalar eslint config-prettier
eslint-config-prettier -D
10- Instalar eslint plugin
npm i eslint-plugin-prettier -D
11- Iniciar configuação do ESLint
npx eslint --init
11 - Seleciionar a verificação de sintaxe e problemas
selecionar To check syntax, find problems, and enforce code style
12 - Selecionar Javascript
JavaScript modules (import/export)
13 - Informar que o projeto usa TypeScript?
14 - Informar que o projeto roda no Node
15 - Informar "Use a popular style guide"
16 - Selecionar guia Standard
17 - Selecionar javascript como formato de arquivo de configuração
18 - No aqrquivo .eslintrc.js informar na linha 2
parser: "@typescript-eslint/parser"
18 - No aqrquivo .eslintrc.js informar na linha 8
plugins: ['@typescript/eslint']
19 - No aqrquivo .eslintrc.js alterar o array extends na linha 9
Verificar este projeto
20 - Alterar o arquivo settings.json
ctrl+shift+p -> settings.json
21 - Alterar o arquivo settings.json
"eslint.validate": ["javascript","javascriptreact","typescript","typescriptreact" ]
22 - Alterar o arquivo settings.json
"[typescript]":{ "editor.formatOnSave": false },
23 - Alterar o arquivo settings.json
"[typescriptreact]":{ "editor.formatOnSave": false },
24 - Criar o arquivo .eslintignore
/*.js node_modules dist

tsnode's People

Contributors

cei-yellow avatar

Watchers

Fabio Silva avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.