Configurando VS Code

Extensões

• Vetur (vue)
• Prettier (formatação)
• Eslint (padrões de código)
• Editorconfig (padrões de código)
• Jest (testes unitários)

Recomendação de Configuração

{
    "files.eol": "\n",
    "git.autofetch": true,
    "jest.autoEnable": false,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "eslint.validate": [
      {
        "language": "vue",
        "autoFix": true
      },
      {
        "language": "javascript",
        "autoFix": true
      },
      {
        "language": "javascriptreact",
        "autoFix": true
      }
    ],
    "eslint.autoFixOnSave": true,
    "editor.formatOnSave": false,
    "vetur.validation.template": false,
    "jest.runAllTestsFirst": false
}

Configurando o Jest

Para garantir que você não vai ter problemas com testes que são executados paralelamente e usam locks no banco de dados use a configuração acima. Note que isso está salvo em "Workspace Settings" para evitar causar problemas com outros projetos.

npm test -- -i

A flag -i é a abreviação de --runInBand e faz com que testes rodem serialmente.