HTML/CSS

1.- Abrir carpeta htdocs de Xampp desde VSCode

2.- Instalar extensiones (están todas agrupadas en mclibre.org HTML+CSS Extension

Pack):
- Live Preview -> vista previa con Ctrl+Alt+p
- Close HTML/XML tag -> etiqueta de cierre con Alt+.
- Image preview -> vista en miniatura de imagenes
- Tag inserter -> encerrar entre etiquetas con Alt+Mayus+i
- HTMLHint -> validacion HTML/CSS
- CSScomb -> formateo de codigo CSS con Alt+Mayus+cf

3.- En el archivo settings.json (rueda dentada abajo a la izquierda -> settings ->
imagen papel arriba a la derecha)
copiar el contenido del archivo 2_configuracionHTML_CSS.txt

4.- Abrir el archivo tasks.json desde Terminal -> Configure Tasks... -> Create file
tasks.json from template -> Others

5.- Sustituir el contenido del archivo tasks.json por el de 3_tareasHTML_CSS.txt

6.- Abrir el archivo keybindings.json (rueda dentada -> Keyboard Shortcuts ->
imagen papel arriba a la derecha)

7.- Copiar en keybindings.json el contenido de 4_atajosHTML_CSS.txt:

8.- Copiar en httpd.conf (Xampp -> Apache -> Config) el contenido de 5_alias_Apache
en el apartado <IfModule alias_module>

9.- Copiar en php.ini (Xampp -> Apache -> Config) los comandos del archivo
6_configuracion_Apache en los apartados correspondientes

PHP

10.- Instalar extensiones:

- mclibre.org Snippets -> opciones de pegado desde el portapapeles:
- "print" en cada linea con Ctrl+Alt+l
- "print" en la primera lineas con Ctrl+Alt+b
- sustituyendo " por \" con Ctrl+Alt+q
- PHP CS Fixer ->formatea codigo PHP con Alt+Mayus+f

11.- Crear el archivo php-cs-fixer-config.php en la carpeta .vscode de htdocs y

copiar el contenido del archivo 7_configuracion_PHP_CS_Fixer.txt

12.- Copiar el contenido de 8_configuracionPHP.txt en settings.json justo antes de

la llave de cierre (})

13.- Copiar el contenido de 9_tareasPHP en tasks.json justo antes del corchete y la

llave de cierre (] y })

14.- Copiar el contenido de 10_atajosPHP.txt en keybindigns.json justo antes de la

llave de cierre