6. Configurar package.json - sergiJimenez/angular_16_template GitHub Wiki

  1. Aquí configuraremos diversos comandos que nos servirán para ejecutar el ESLint y el Prettier de una forma más optima. Así que lo primero que haremos será abrir nuestro package.json.

  2. Seguidamente buscaremos el apartado scripts y lo modificaremos para que quede de la siguiente manera:

    "scripts": {
        "ng": "ng",
    		"quick": "ng serve",
        "start": "ng serve --o",
        "build": "ng build",
        "watch": "ng build --watch --configuration development",
        "test": "ng test",
        "prettier": "prettier \"**/*.ts\" --write --ignore-path .gitignore",
        "lint": "eslint \"**/*.ts\" --ignore-path .gitignore",
        "lint.fix": "eslint \"**/*.ts\" --fix --ignore-path .gitignore"
      },
    
  3. Si nos fijamos hemos cambiado los siguientes apartados:

    • “start”: “ng serve --o”: Nos da la posibilidad de abrir automáticamente la aplicación.
    • "prettier": "prettier \"**/*.ts\" --write --ignore-path .gitignore": Formatearemos todos los archivos de nuestro proyecto en base a las normas escritas en el fichero .prettierrc.
    • "lint": "eslint \"**/*.ts\" --ignore-path .gitignore": Lintaremos todos los archivos de nuestro proyecto en base a las normas escritas en el fichero .eslintrc.
    • "lint.fix": "eslint \"**/*.ts\" --fix --ignore-path .gitignore”: Arreglaremos todos los problemas de lintaje que nos hayan aparecido y que sean sencillos de solucionar.