1. Curso de Vue
  2. /
  3. Creación de un proyecto
  4. /
  5. Visual Studio Code
1 / 1

Visual Studio Code

Configuración del entorno de trabajo

Como hemos visto, hemos puesto dentro del proyecto opciones de Linter y estandarización del código que se utiliza por defecto en todos los proyectos. Es más, os dará error si os falta algo dentro de esa estandarización. Pero también ayuda a escribir mejor código JavaScript.

Enlace de la extensión: ESLint

Configuración de preferencias del Linter

Para que en el Visual Studio Code se guarde y valide automáticamente el código debemos copiar en las settings el siguiente snippet:


"eslint.lintTask.enable": true,
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
},
"eslint.validate": [
  {
    "language": "vue",
    "autoFix": true
  },
  {
    "language": "html",
    "autoFix": true
  },
  {
    "language": "javascript",
    "autoFix": true
  }
],
"eslint.alwaysShowStatus": true,

Vamos a hacerlo todos juntos.