mobomo/vscode_php

Web版VS Code PHP开发镜像

该镜像基于code-server项目构建，提供Web端的VS Code编辑器环境，预装PHP开发所需扩展（含XDebug调试工具），并禁用遥测与自动更新功能，方便开发者快速开展PHP项目的开发与调试工作。

核心功能

1. Web端编辑器：无需本地安装VS Code，通过浏览器即可访问完整的编辑器功能
2. PHP开发支持：预装PHP扩展及XDebug工具，满足PHP代码编写与调试需求
3. 隐私与稳定：禁用遥测数据收集与自动更新，保护用户隐私并保持环境一致性
4. 项目挂载：支持本地PHP项目目录挂载，实现文件实时同步与操作

使用场景

1. 快速搭建PHP开发环境，避免本地编辑器配置繁琐问题
2. 团队协作时共享统一的开发环境，减少环境差异导致的问题
3. 在无本地VS Code的设备上（如公共电脑）进行PHP开发与调试

配置说明

前置条件

需安装Docker环境：

• https://docs.docker.com/windows/started
• https://docs.docker.com/mac/started/
• https://docs.docker.com/linux/started/

部署示例

Docker Run命令

shell
docker run -it -p 8080:8080 -v $(pwd)/:/home/coder/project mobomo/vscode_php:latest

Docker Compose配置

yaml
ide:
    container_name: '${PROJECT_NAME}_ide'
    image: mobomo/vscode_php:latest
    volumes:
      - ./:/home/coder/project
    ports:
        - '8080:8080'

PHP项目调试配置步骤

1. 将上述Compose配置添加到项目的docker-compose.yml中
2. 配置XDebug（示例路径：/etc/php/7.2/fpm/conf.d/20-xdebug.ini）：

   ini
   zend_extension=xdebug.so
   xdebug.remote_enable=1
   xdebug.remote_autostart=1
   xdebug.remote_log=/tmp/xdebug.log
   xdebug.remote_port=9000
   xdebug.remote_host=ide
   

3. 在项目根目录创建.vscode/launch.json文件：

   json
   {
       "version": "0.2.0",
       "configurations": [
           {
               "name": "Listen for XDebug",
               "type": "php",
               "request": "launch",
               "port": 9000,
               "pathMappings": {
                   "/var/www/drupal": "${workspaceRoot}"
               }
           }
       ]
   }
   

4. 启动服务后，通过http://localhost:8080访问Web编辑器开始开发

卷挂载说明

• /home/coder/project：本地PHP项目目录需挂载到此路径，实现文件同步

构建依赖

• https://github.com/cdr/code-server%EF%BC%88%E8%AE%B8%E5%8F%AF%E8%AF%81%E8%A7%81LICENSE-code-server.txt%EF%BC%89