Laradock Vue 是一個使用 Docker 快速搭建 Laravel + Vue 全棧開發環境的工具,它整合了多個 Docker 容器,包括 PHP、Nginx、MySQL、Redis 等,可以幫助你快速搭建一個完整的 Laravel + Vue 開發環境。
使用 Laradock Vue 首先需要配置 Docker 環境。在安裝好 Docker 后,我們可以使用 Git 將 Laradock Vue 倉庫克隆到本地:
git clone https://github.com/Laradock/vue.git
然后,在 vue 目錄下運行以下命令:
cp env-example .env
這個命令會將 env-example 文件復制一份,并命名為 .env。我們可以使用文本編輯器打開 .env 文件進行配置。下面是 .env 文件的一部分:
APP_CODE_PATH_HOST=./src MYSQL_VERSION=5.7 MYSQL_DATABASE=default MYSQL_USER=default MYSQL_PASSWORD=secret MYSQL_PORT=3306 MYSQL_ROOT_PASSWORD=root REDIS_VERSION=alpine
這里的 APP_CODE_PATH_HOST 通常指向 Vue 項目的根目錄,MYSQL_* 系列參數都是配置 MySQL 數據庫的,REDIS_VERSION 則配置了 Redis 的版本。我們需要根據實際情況修改這些參數。
配置好 .env 文件后,我們就可以啟動容器了。在 vue 目錄下運行以下命令:
docker-compose up -d nginx mysql workspace phpmyadmin redis
這個命令會啟動 nginx、mysql、workspace、phpmyadmin、redis 這五個 Docker 容器。其中 workspace 容器是我們開發環境的主要容器,它內置了 PHP、Composer、Node.js 等工具。我們可以在 workspace 容器中執行 Laravel 和 Vue 的相關命令。
當容器啟動后,我們就可以在瀏覽器中訪問 Laravel 和 Vue 應用了。默認情況下,nginx 容器會將請求轉發到 workspace 容器的 80 端口,因此我們可以在瀏覽器中直接訪問 http://localhost 和 http://localhost/api 來訪問應用。
Laradock Vue 還有很多方便的功能,我們可以自己查看文檔進行學習和使用。使用 Laradock Vue,我們可以大大簡化 Laravel + Vue 開發環境的搭建過程,從而更加專注于開發本身。