Cómo configurar un entorno de desarrollo local

Jan 21, 2026
Cómo
Set up a local development environment
[dieciséis] (Crédito de la imagen: Futuro)

Un entorno de desarrollo local le permite usar su propia máquina para ejecutar su sitio web, en lugar de usar uno proporcionado por un Alojamiento web empresa. Puede personalizar la configuración sin preocuparse de que afectará su sitio en vivo, así como para hacer y probar el desarrollo del sitio antes de subir su sitio. Quitar el riesgo al construir algo hace que el proceso de desarrollo sea mucho menos estresante.

Otro beneficio de trabajar localmente es que no tiene que estar conectado a Internet. Si tiene WiFi lento, como para trabajar en el jardín o viajar, no es necesario buscar una señal WiFi todo el tiempo.

El tiempo dedicado a un sitio de estadificación y esperar a que su sitio se actualice realmente se suma durante un día de desarrollo. Un entorno local le permitirá centrarse en el código y en los divertidos bits de los sitios web de edificios.

Este tutorial asume que estás en una Mac, y el tutorial para comenzar con el servicio de valet se centra en esto. Para una alternativa de PC, intente Granja .

Un conocimiento básico de la terminal es bueno, aunque debería poder seguirlo, ya que los comandos son bastante simples. Son principalmente para obtener los componentes de requisitos previos instalados y funcionando.

Después de completar este tutorial, habrá configurado PHP, Homebrew y compositor en su máquina, instaló un valet y aprendió cómo configurar sitios locales.

Descargar los archivos Para este tutorial.

  • 5 maneras de acelerar sus sitios web y aplicaciones

01. Instalar Homebrew

[sesenta y cinco] Set up a local development environment: Install Homebrew

[dieciséis] Comience por instalar Homebrew desde el terminal (Crédito de la imagen: Sush Kelly)

El primer paso aquí es instalar Homebrew. Escriba el siguiente comando en su terminal. 

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

02. Instale PHP

Set up a local development environment: Install PHP

[dieciséis] Asegúrese de que su PHP sea la versión 7 (Crédito de la imagen: Sush Kelly)

A continuación, debemos instalar / actualizar a PHP7, así que verifique usando PHP -V. Si necesita instalarlo, puede escribir: 

brew install homebrew/php/php70

Si reinicia su ventana de terminal ahora y escriba PHP -v Una vez más, debería mostrar v7 instalado.

03. Instale compositor

Tendrá que descargar compositor, y luego ponerlo en un directorio que sea parte de su ruta. 

 PHP -R "Copiar ('https://getcomposer.org/installer', 'compositor-setup.php');"
php -r "si (hash_file ( 'sha384', 'compositor-setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') {echo 'instalador verifica';} else {echo 'Instalador corrupto'; unlink ( 'compositor-configuración. php ');} echo php_eol; "
PHP Composer-Setup.php
PHP -R "Unlink ('compositor-setup.php');"

04. Muévete a tu camino.

Set up a local development environment: Move to your PATH

[dieciséis] Poner compositor en tu camino. (Crédito de la imagen: Sush Kelly)

Ahora mueva el compositor a un directorio dentro de su camino. Una vez hecho, puede verificar su acceso escribiendo compositor-v . 

 MV Composer.Far / USR / local / bin / compositor

05. Revisa tu camino

Si escribes echo $ ruta , Verás lo que contiene. Si no lo hace, entonces escriba lo siguiente para agregarlo. 

 Ruta de exportación = $ Ruta: ~ / .composer / vendedor / bin

06. Requiere valet globalmente

Ahora tenemos las piezas instaladas, podemos continuar con la instalación de valet. Primero. Vamos a verificar que nada está usando el puerto 80. Escriba lo siguiente, y si no devuelve nada, estamos acostumbrados. 

 Netstat -an | grep "\ .80" | GREP Escuche

07. Instalar valet

Utilizamos compositor para instalar el paquete de valet para nosotros, y luego podemos ejecutar valet instala . 

 ComposerglobalBal requiere Laravel / Valet
Instalación de valet

08. Directorios de Parque / Unpink

Cree un directorio para sus sitios de desarrollo y informe a Valet que los sirva. Tenga en cuenta que las carpetas dentro de esto se pueden acceder como submarinos. 

# Mover a tu directorio de proyectos
CD ~ / Proyectos / Valet /
Valet Park

09. Olvida los directorios.

De manera similar, si ya no desea que una carpeta sirva a través de un valet, simplemente use el comando Olvídelo desde el interior del directorio. 

 con espacios //
Valet olvida

10. Enlace / directorios de unlink

También puedes enlazar a los directorios. Esto le permite elegir el nombre que use. 

 CD ~ / Proyectos / Valet / Subproject /
# vincula el directorio de subproyectos para que sea accesible en HyperLink "http://subproject.dev" \ hhttp: //subproject.dev
Subproyecto de enlace de valet

11. Comparte tu sitio con el mundo.

Puedes compartir tu URL de desarrollo local al mundo exterior. En el directorio de su proyecto, escriba Valet Compartir Y creará una URL que puedas usar.

12. Usando una base de datos

Tendrá que instalar su base de datos de elección, para WordPress, podemos seguir adelante e instalar MySQL. 

 BREW INSTALAR MYSQL

13. Elija una herramienta de base de datos

Con una configuración de base de datos, una herramienta para importar y exportar datos es útil, ya que no tenemos phpMyAdmin o similar con el valet, ya que es tan liviano.

14. Descargar secuel pro

Set up a local development environment: Download Sequel Pro

[dieciséis] Secuel pro es una herramienta de base de datos sencilla (Crédito de la imagen: secuel pro)

Estamos usando Secuel Pro, ya que ofrece una interfaz simple. Usted puede descarguelo aqui .

15. Conecta la base de datos.

Usando la configuración predeterminada de MySQL, agregue los siguientes detalles y pruebe su conexión. 

 Host: 127.0.0.1
Nombre de usuario: raíz
Contraseña: (Deje en blanco)

16. Configure un sitio de WordPress

Set up a local development environment: Set up a WordPress site

[dieciséis] Instale el núcleo de WordPress en su directorio de valet (Crédito de la imagen: Sush Kelly)

Con todo ahora en su lugar, configure un sitio de WordPress. Cree una nueva carpeta dentro de su directorio de valet e instale el núcleo de WordPress.

17. Añadir una base de datos

Set up a local development environment: Add a database

[dieciséis] Crear una base de datos en secuel pro (Crédito de la imagen: Sush Kelly)

En Secuel Pro, cree una nueva base de datos con el mismo nombre que la carpeta que creó. Actualizar el wp-config archivo para adaptarse.

18. PRUEBA ES TODO TRABAJANDO

Set up a local development environment: Test it's all working

[dieciséis] Diríjase al navegador y verifique que esté funcionando. (Crédito de la imagen: Sush Kelly)

Ahora, si abres su navegador, y navegue a (su carpeta). Debería ver la pantalla de instalación de WordPress. Sigue esto a través de lo normal.

19. Tómalo más

El valet no es solo para ejecutar WordPress instala, en realidad se creó originalmente para el desarrollo de Laravel. Ya sea que esté construyendo algo a medida en PHP o use un marco, puede crear fácilmente un nuevo sitio creando un nuevo directorio para ello en su carpeta raíz.

Generate CSS – the conference for web designers: 26 September, Rich Mix, Shoreditch, London

[dieciséis] (Crédito de la imagen: Futuro)

Únase a nosotros el 26 de septiembre para Generar CSS , una conferencia a medida para los diseñadores web le presentó a usted por Creative Bloq, Net y Web Designer. Ahorre £ 50 con un boleto de avión temprano cuando se reserva antes del 15 de agosto de 2019.

Este artículo se publicó originalmente en número 287 de la revista Creative Web Design Design Diseñador web . Comprar emito 287 aquí o Suscríbete al diseñador web aquí .

Artículos relacionados:

  • 40 tutoriales brillantes de WordPress
  • Los mejores servicios de alojamiento de WordPress en 2019
  • 4 formas diferentes de crear una maqueta del sitio web

Cómo - Artículos más populares

Cómo editar un video en Tiktok

Cómo Jan 21, 2026

[dieciséis] (Crédito de la imagen: Mabel Wynne) Aprender cómo editar un video en Tiktok probablemente no habría sido algo ..

Cómo dibujar un elefante

Cómo Jan 21, 2026

Como el mamífero terrestre vivo más grande de la Tierra, los elefantes tienen una presencia innegable. Al nacer, los elefantes ya pesan hasta 200 libras ..

Crea un interior acogedor con el arte de la línea

Cómo Jan 21, 2026

[dieciséis] Para este taller, voy a crear un fondo interior con arte de línea y un estilo de pintura con textura. Quiero prepararme p..

esculpió la anatomía realista en Zbrush

Cómo Jan 21, 2026

Página 1 de 2: Página 1 Página 1 Página 2 Si quieres ir más le..

Cómo construir sitios web más rápidos

Cómo Jan 21, 2026

[dieciséis] Por delante de su charla en Generar londres El 21 de septiembre nos encontramos con Patrick Hamann ,..

Cómo pintar una naturaleza floral vibrante

Cómo Jan 21, 2026

[dieciséis] El color y la textura ofrecen una manera perfecta de dar vibración a una vida inmóvil floral. Esta demostración muestra..

Acelera su flujo de trabajo de textura

Cómo Jan 21, 2026

[dieciséis] El guerrero es un proyecto personal que tuve la alegría de conceptar y diseñar. Quería crear un personaje que encarna e..

Cómo diseñar un héroe animado

Cómo Jan 21, 2026

Los siguientes consejos descomponen mi proceso para animar BINK para la próxima serie web de Eric Miller Animation Studios. Bink es una pequeña criatura de mares marinos que fue capturada y..

Categorías