0% acharam este documento útil (0 voto)
27 visualizações1 página

Configuração do ESLint com Sucrase

O documento discute o uso do Sucrase para transpilar JavaScript mais rapidamente que Babel e TypeScript, recomendando seu uso em builds, enquanto o TypeScript ou Babel é preferido em desenvolvimento. Também aborda a configuração do Nodemon para monitorar arquivos TypeScript e a instalação do ESLint com um guia de estilo padrão, incluindo ajustes necessários no VSCode. O ESLint é configurado para corrigir automaticamente erros ao salvar arquivos.
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato TXT, PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
27 visualizações1 página

Configuração do ESLint com Sucrase

O documento discute o uso do Sucrase para transpilar JavaScript mais rapidamente que Babel e TypeScript, recomendando seu uso em builds, enquanto o TypeScript ou Babel é preferido em desenvolvimento. Também aborda a configuração do Nodemon para monitorar arquivos TypeScript e a instalação do ESLint com um guia de estilo padrão, incluindo ajustes necessários no VSCode. O ESLint é configurado para corrigir automaticamente erros ao salvar arquivos.
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato TXT, PDF, TXT ou leia on-line no Scribd

sucrase:

vai converter/compilar o JS mais rapido do que o Babel e o tsc.


Ele transpila sem fazer checagem de tipo, seria ruim, mas vamos utilizar o
eslint.
No ambiente de desenvolvimento é melhor usar o tsc opu babel. veja o
[Link]
"dev": "sucrase-node _src/[Link]" ou "dev": "nodemon _src/[Link]",

No build, usaremos o sucrase, mas ja foi recomendado outros


"build": "sucrase ./src -d ./dist --transforms typescrit,imports"

nodemon:
criar o arquivo [Link]
{
"watch":["src"],
"ext": "ts",
"excMap": {
"ts": "sucrase-node _src/[Link]"
}
}

ESlint:
Usado todos os pacotes, a instalação com o yarn precisa deletar o
[Link] e orda o comando yarn.

npm init @eslint/config


Ok to proceed? (y) y
√ How would you like to use ESLint? · style
√ What type of modules does your project use? · esm
√ Which framework does your project use? · none
√ Does your project use TypeScript? · Yes
√ Where does your code run? · browser
√ How would you like to define a style for your project? · guide
√ Which style guide do you want to follow? · standard
√ What format do you want your config file to be in? · JavaScript
Checking peerDependencies of eslint-config-standard@latest
√ The style guide "standard" requires eslint@^7.12.1. You are currently
using eslint@8.11.0.
Do you want to downgrade? · Yes

por culpa do eslint precisamos configurar algumas coisas no vscode


[Link]:true //ele pega as regras que estão quebradas e
corrige
utiliza o [Link], habilitar o autofix apenas para typescript e
typescriptreact

Você também pode gostar