Información
Actualidad
Aquí encontraras noticias de actualidad sobre Gnu Linux y Open Source.

Además de información sobre la comunidad LiGNUx.
Distribuciones y entornos
Información ordenada sobre los diferenes sistema operativos Gnu Linux y las diferentes opciones de entornos gráficos.
Tutoriales y guías
Todos los pasos e informaciones que puedes desear para tu día a día.
Tutoriales
Tutoriales
Programación
Programación
About Us
Get to know the people behind the code and the mission behind the work
how we handle data
Privacy
Security
Legal

Herramientas para empezar a desarrollar una web con PHP7

16 agosto, 2017

Cuando tienes que trabajar, ya sea desarrollando una aplicación, una web o administrando un servidor, necesitas sentirte cómodo con las herramientas que estás trabajando para tener un buen rendimiento. En este artículo doy por supuesto que tenéis instalado ya el servidor web. Si no es el caso, el proceso es muy sencillo, para ubuntu tenéis una guía aquí.

Para el desarrollo en general, incluido el web, hay una serie de elementos que debéis tener bien controlados siempre:

  • Un editor de texto, o un IDE con complementos que te faciliten el trabajo.
  • Un Depurador (Debugger en inglés) que nos de informacíon precisa de dónde y por qué falla nuestro código. JAMÁS LO USÉIS EN PRODUCCIÓN, por que en ese caso, todo el mundo tendrá todos los detalles del fallo de nuestra web.
  • Sistema de control de versiones que te permita subir los cambios al servidor y viceversa.

Una vez tenemos claros estos conceptos, descargamos todos los materiales. En este artículo voy a mostraros como configurar de forma óptima Visual Stuidio Code, un editor bastante potente distribuido bajo licencia MIT multiplataforma. Vamos a ir siguiendo los pasos en Ubuntu.

  • Primer paso es instalar git y configurarlo:
    • Debian/Ubuntu:
    • Fedora:
    • Arch y derivadas:
    • Configuración de git:
      • Nuestro nombre
      • Nuestro correo
      • Ponemos vs code como editor predeterminado

  • Segundo paso: Instalar Visual Studio code:
    • Debian / Ubuntu: Descargamos el paquete .deb, y lo instalamos con el gestor de paquetes. En Debian, debemos abrir un terminal en la carpeta de descargas y ejecutar

 

    • Arch: Ejecutamos sin permisos de root:
    • Fedora:
        • Añadimos el repositorio:

        • Instalamos:

  • Descargamos e instalamos el depurador:
      Dependiendo de con qué tipos de servidor web tengamos, deberemos de realizar distintos artículos. Aquí solamente voy a describir la instalación con Apache (instalación normal y XAMPP) y Nginx.
  • Apache
    •  Instalación normal:
      • En las basadas en arch, basta con

        Y descomentamos todas las líneas del archivo ubicado en

        Y pegamos las siguientes líneas:

      • En nuestro ejemplo con Ubuntu 16.04 LTS:

        Acto seguido, abrimos el archivo

        e introducimos estas líneas:

        Como último paso, reiniciamos el servidor.

      • En las basadas en fedora:
            • Instalamos el depurador:

      • Instalación XAMPP:

Exactamente igual, salvo que cambia la ruta del php.ini:

  • Nginx: Es exactamente igual. No cambia nada.
  • Configuramos el editor con los ajustes deseados.
    • Instalación de extensiones y configuración:
      • Lista de extensiones recomendadas:
          • Bracket pair colorizer: Justo como indica el nombre, colorea los paréntesis, corchetes y los marca de distinto color si se quedan sin cerrar. Puede que sea un poco absurdo, pero se agradece muchísimo.
          • PHP Debug: Es la extensión que permite a nuestro editor comunicarse con el depurador, por así decirlo.
          • HTML snippets: Generan autocompletado e información de las etiquetas de html5, e incluso una plantilla completa con la estructura básica.
          • PHP intellisense: Permite comprobar los errores sintácticos nada más guardar los cambios (o automáticamente al dejar de escribir), y además, proporciona descripción muy útil sobre la mayoría de funciones de PHP. Por ejemplo:

      • Configuración de las extensiones:

Sólo tenemos que configurar la extensión de instellisense, para que acceda al binario de PHP. Esto de hace desde el menú Archivo -> Preferencias -> Configuración:

      • También desactivamos la telemtería por una cuestión de privacidad.
    • Uso de git:

Suponiendo que nos descargamos un repositorio de github, por ejemplo este (más información sobre este proyecto aquí), podemos realizar todos comandos de git (yo sólo sé lo básico) desde aquí. Visual Studio code permite añadir descripciones a cada cambio que se apruebe.

Además, podemos seleccionar las distintas ramas que tengamos:

Hasta aquí mi tutorial, un placer colaborar con la comunidad:

 

Escrito por ras212

Técnico ASIR y desarrollador web backend por adición, mi blog personal está en: https://rafaelaybarsegura.wordpress.com/

Suscribirse
Notificarme las
guest
9 Comentarios
Los más recientes
Los más antiguos Más votados
Feedbacks en línea
Ver todos los comentarios
LiGNUx trabaja sobre una licencia de Creative Commons Reconocimiento 4.0 Internacional.
cloudflagpaperclipprinterfile-emptyfilm-playcamera-videopicturelaptop-phonebriefcasecrossmenu
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram