Visual Studio Code. Configuración recomendada para el curso Programación web en PHP

¡Atención!Esta lección está en elaboración.

Esta es la configuración de Visual Studio Code que se recomienda para seguir este curso.

Esta lección no detalla los pasos para configurar Visual Studio Code. En caso necesario, puede consultar la lección Personalización de VSC de los apuntes de Informática general, en la que se explica detalladamente cómo se personaliza Visual Studio Code. En dichos apuntes también puede consultar lecciones dedicadas a Visual Studio Code, como Presentación general, Instalación, Uso y otras, que le pueden ser de ayuda si no conoce Visual Studio Code.

Tema de color recomendado para el curso de PHP

El tema de color es un aspecto muy personal por lo que se deja a elección del alumno el tema de color empleado.

En las capturas de los apuntes se empleará el Tema Dark+ (default dark).

VSC. Tema Dark+ predeterminado

Área de trabajo

Esta es el área de trabajo recomendada para seguir el curso Iniciación a la programación de páginas web en PHP de mclibre.org.

  1. Cree la carpeta Documentos > IAW > PHP:

    VSC. Área de trabajo

  2. Cree las carpeta Documentos > IAW > PHP > ejercicios y Documentos > IAW > PHP > pruebas:

    VSC. Área de trabajo

  3. Elija la opción de menú Archivo > Abrir carpeta ...:

    VSC. Área de trabajo

  4. Elija la carpeta Documentos > IAW > PHP:

    VSC. Área de trabajo

  5. Haga clic en el icono Explorador en la barra de actividades para ver el contenido de la carpeta elegida:

    VSC. Área de trabajo

Preferencias de configuración recomendadas para el curso de PHP

Estas son las preferencias de configuración que se aconseja establecer para seguir el curso Iniciación a la programación de páginas web en PHP de mclibre.org.

Estas preferencias se deben añadir a las preferencias recomendadas en el curso de Páginas web HTML y hojas de estilo CSS de mclibre.org. Establezca dichas preferencias de configuración y después añada estas preferencias. Tenga en cuenta que estas preferencias deben añadirse dentro de las llaves inicial ({) y final (}.

Preferencias globales (Usuario)

  // Configuraciones recomendadas para el curso Programación web en PHP de www.mclibre.org
  //
  // PHP: Validate: Executable path
  // Ubicación del intérprete de PHP.
  "php.validate.executablePath": "C:/xampp/php/php.exe",
  //
  // PHP: Validate: Run
  // Indica la validación se ejecuta al guardar o al escribir.
  "php.validate.run": "onType",
  //
  //
  // Configuración de extensiones recomendadas para el curso Programación web en PHP de www.mclibre.org
  //
  // Extensión PHP Intellisense
  // PHP: Executable Path
  // Ubicación del intérprete de PHP.
  "php.executablePath":  "C:/xampp/php/php.exe",
  //
  //

Preferencias de área de trabajo o carpeta (Área de trabajo)

{
  // Configuraciones recomendadas para el curso Programación web en PHP de www.mclibre.org
  //
  // Workbench: Color Theme
  // Tema de color
  "workbench.colorTheme": "Default Dark+",
  //
  //
}

Extensiones recomendadas para el curso de PHP

Estas son las extensiones que se aconseja instalar para seguir el curso Iniciación a la programación de páginas web en PHP de mclibre.org.

PHP Extension Pack

Logotipo de PHP Extension Pack

Autor: Felix Becker

Marketplace: PHP Extension Pack

Repositorio GitHub:

Tareas recomendadas para el curso de PHP

Estas son las tareas que se aconseja crear para seguir el curso Iniciación a la programación de páginas web en PHP de mclibre.org.

Estas tareas se deben añadir a las tareas recomendadas en el curso de Páginas web HTML y hojas de estilo CSS de mclibre.org. Cree dichas tareas y después añada las tareas definidas a continuación. Tenga en cuenta que estas tareas deben añadirse dentro de la clave "tasks" (entre los corchetes inicial ([) y final (]) que definen la clave).

Una vez definidas las tareas, se recomienda definir los atajos de teclado que ejecuten estas tareas, tal y como se comenta en el apartado sobre Atajos de teclado recomendados.

Abrir páginas en el navegador (en el servidor local)

    {
      "label": "Abrir en localhost (Firefox)",
      "command": "explorer",
      "windows": {
        "command": "C:/Program Files/Mozilla Firefox/firefox.exe"
      },
      "args": [
        "localhost/iaw/php/${relativeFile}"
      ],
      "presentation": {
        "reveal": "never"
      },
      "problemMatcher": []
    },
    {
      "label": "Abrir en localhost (Chrome)",
      "command": "explorer",
      "windows": {
        "command": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe"
      },
      "args": [
        "localhost/iaw/php/${relativeFile}"
      ],
      "presentation": {
        "reveal": "never"
      },
      "problemMatcher": []
    },

En las tareas, en los valores de "args" pueden utilizarse las variables que se comentan en la página Listado de variables de la documentación oficial de Visual Studio Code.

Atajos de teclado recomendados para el curso de PHP

Estos son los atajos de teclado que se aconseja definir para seguir el curso Iniciación a la programación de páginas web en PHP de mclibre.org.

Estas atajos se deben añadir a las atajos de teclado recomendados en el curso de Páginas web HTML y hojas de estilo CSS de mclibre.org. Cree dichos atajos de teclado y después añada los atajos de teclado definidos a continuación. Tenga en cuenta que estos atajos de teclado deben añadirse entre los corchetes inicial ([) y final (]).

  {
    "key": "ctrl+alt+l ctrl+alt+f",
    "command": "workbench.action.tasks.runTask",
    "args": "Abrir en localhost (Firefox)"
  },
  {
    "key": "ctrl+alt+l ctrl+alt+c",
    "command": "workbench.action.tasks.runTask",
    "args": "Abrir en localhost (Chrome)"
  },

Utilizar atajos de teclado

Estos son los pasos a realizar para utilizar alguno de los atajos de teclado personalizados:

  1. Abra en una pestaña el programa PHP que quiera abrir en un navegador (servido por localhost):

    VSC. Utilizar tarea

  2. Pulse el atajo de teclado. Por ejemplo, Ctrl+Alt+l Ctrl+Alt+f, uno de los atajos de teclado recomendados para el curso de PHP.
  3. En el ejemplo de las capturas, la página abierta en Visual Studio Code se abriría en el navegador:

    VSC. Utilizar tarea