Instalar os seguintes programas:
- Node.js;
- Visual Studio Code;
Instalar os seguintes plugins do visual studio:
- ESLint
- EditorConfig for VS Code
Abrir um prompt, executar o script abaixo (tem que ser o CMD.exe - não funciona no powershell ou CMDER.):
del /f /s /q node-app 1>nul & ^
rmdir /s /q node-app & ^
mkdir node-app && ^
cd node-app && ^
npm init -y && ^
echo console.log('hello world!'); > index.js && ^
npm install eslint prettier --save-dev && ^
code . && ^
exit
No VSCode:
- Clicar com o botão direito no Explorer (painel da direita);
- Escolher a opção: "Generate .editorconfig";
- Será criado um arquivo .editorconfig;
- Substitua o conteúdo por:
root = true
[*]
indent_style = space
indent_size = 2
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
Abrir o prompt integrado do VS Code (CTRL + ').
Digitar o comando:
npx eslint --init
Escolher as opções:
? How would you like to use ESLint? To check syntax, find problems, and enforce code style
? What type of modules does your project use? CommonJS (require/exports)
? Which framework does your project use? None of these
? Does your project use TypeScript? No
? Where does your code run? Node
? How would you like to define a style for your project? Use a popular style guide
? Which style guide do you want to follow? Airbnb: standard
? What format do you want your config file to be in? json
Seguir os procedimentos do link abaixo:
https://prettier.io/docs/en/integrating-with-linters.html
Testar com o comando abaixo:
npx eslint './**/*.js'
Criar um arquivo .prettierrc.js
.
Substituir o conteúdo do arquivo por:
module.exports = {
singleQuote: true,
trailingComma: 'none',
endOfLine: 'auto'
}
Digitar o comando:
npx eslint './**/*.js' --fix
Incluir as linhas no arquivo de configuração do usuário no Visual Studio Code (settings.json) :
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
Inserir linha no package.json:
"lint": "eslint \"./**/*.js\""
Testar o comando:
npm run lint