Instalar Browsersync y Sass

Instalar Browsersync
======================
Descargar e instalar Node https://nodejs.org/es/
$> npm install -g browser-sync
$> browser-sync start --server --files *.html

Instalar Sass
======================
Descargar e instalar Sass https://sass-lang.com/

$> npm install -g sass

$> sass --version

Enlazar los archivos Sass con los archivos Bootstrap css

$> sass --watch libs/scss/bootstrap.scss libs/dist/css/bootstrap.css

Compilar archivo SAS a CSS

$> sass --watch scss/styles.scss:css/styles.css

Instalar Apache y PHP en Windows 10

Instalar Apache y PHP en Windows 10

==============================

Instalar Apache y Visual C++ Redistributable for Visual Studio 2015-2019 en windows 10

https://www.apachelounge.com/download/

https://aka.ms/vs/16/release/VC_redist.x64.exe

Descomprimir el archivo en
C:\Program Files

Configurar las variables de entorno
En Path ->Editar -> Nuevo
C:\Program Files\Apache24\bin

C:\Program Files\php

Seleccionar el directorio del Apache:
ingresar a la carpeta conf -> httpd.conf
:37 Define SRVROOT "c:/Program Files/Apache24"

Instalar e iniciar Apache
Ingresar al cmd como Administrador:

$> cd C:\Program Files\Apache24\bin
$> httpd.exe -k install

Ejecutar:services.msc -> iniciar Apache

ó

cmd: httpd -k start

Ingresar al navegador

http://localhost

-----------------------------------------------------------------------------------------------
                                         Instalar PHP en Windows 10

-----------------------------------------------------------------------------------------------
https://www.php.net/downloads

Descomprimir el archivo en
C:\Program Files

Cargar modulo de PHP en Apache
ingresar a la carpeta conf  de Apache

En el archivo httpd.conf al final agregar:
-------------------------------------------------------------------

ServerName localhost

LoadModule php_module "C:/Program Files/php/php8apache2_4.dll"

AddHandler application/x-httpd-php .php

PHPIniDir "C:/Program Files/php"

-------------------------------------------------------------------
Cambiar de ubicacion el DocumentRoot en Apache

ingresar a la carpeta conf -> httpd.conf
:251 DocumentRoot "d:/PHP"

:252 <Directory "d:/PHP">

Crear archivo info.php en D:\php

<?php

phpinfo();

?>

Renombrar archivo php.ini-development por php.ini 

Ingresar a la carpeta C:\Program Files\php\

php.ini

Reiniciamos servicio de Apache
Ejecutar:services.msc -> Reiniciar Apache

Ingresar al navegador web y verificar
http://localhost/info.php

============================================================

                              Instalar XDEBUG en Visual Studio Code

============================================================

Ingresar a VSCode y Descargar Extension

Instalar -> PHP Debug V.3.X

Ir a https://xdebug.org/wizard   -> Descargar versión para php8

Copiar todo el contenido de info.php y pegar https://xdebug.org/wizard

Analizar configuración y ejecutar las siguientes instrucciones:

1. Descargar php_xdebug-3.1.3-8.1-vs16-x86_64.dll

2. Copiar el archivo descargado en C:\Program Files\php\ext

3. Editar C:\Program Files\php\php.ini y añadir al final

 [xdebug]

  zend_extension = "C:\Program Files\php\ext\php_xdebug-3.1.3-8.1-vs16-x86_64.dll"

4. Reiniciar Apache

Abrir VSCode ir al menu lateral 

Click en Run and Debug 

  -> Click en Crear un archivo launch.json ->PHP

*****************************************************

{

  "configurations": [

    {

      "name": "Listen for Xdebug",

      "type": "php",

      "request": "launch",

      "port": 9003

    },

    {

      "name": "Launch currently open script",

      "type": "php",

      "request": "launch",

      "program": "${file}",

      "cwd": "${fileDirname}",

      "port": 9003

    }

  ]

}

*****************************************************

-----------------------------------------------------------------------

Configurar var_dump en PHP con colores y ordenado

-----------------------------------------------------------------------

Ingresar a php.ini y agregar las siguientes líneas

C:\Program Files\php\php.ini

-------------------------------------------------------------------------------------------------------

[xdebug]

xdebug.mode = develop,debug

xdebug.start_with_request=yes

xdebug.idekey=VSCODE

zend_extension="c:\Program Files\php\ext\php_xdebug-3.1.3-8.1-vs16-x86_64.dll"

-------------------------------------------------------------------------------------------------------

Reiniciar Apache

Ingresar al navegador web y verificar
http://localhost/prueba.php