The Blog

Codando com boas práticas


Aqui vai uma dica para utilizar extensões no VSCode que irão te auxiliar no uso de boas práticas, mostrando comentários e fazendo ajustes automáticos em seu código.

Em seu VSCode, procure e instale as seguines extensões:

  • ESLint (Dirk Baeumer)
  • phpcs (Ioannis Kappas)
  • stylelint
  • Prettier – Code formatter

Agora vamos efetuar alguns ajustes nas configurações. Pressione (ctrl + ,) no Windows, ou (Command + ,) no Mac OS. Selecione a aba ‘Workspace’, dessa forma as configurações serão individuais para cada projeto.

Clique no botão (Open Settings (JSON)) esquerdo que está no canto superior direito e digite as configurações no formato json, conforme a seguir:

{
“editor.formatOnSave”: true,
“editor.renderWhitespace”: “all”
}

Agora você já pode testar. Note que será exibido um comentário no seu código. Por exemplo, caso possua um espaço ao final da linha, ou até mesmo se faltar os espaços dentro dos parênteses como em: define(‘WP_version’) que deveria estar assim: define( ‘WP_version’ ). Um outro exemplo, caso o código CSS possua espaços ao invés de TABs, ou até mesmo o valor RED, ao invés de rgb(255,0,0).

Comenta aí o que você achou desses plugins e se isso te ajudou a programar dentro dos padrões.

Leave a comment