比 phpstorm 方便一百倍的IDE你用过么?

有点标题党的嫌疑哈！之前给大家分享了一套 开发环境 主要使用的是 cloud9 但是 cloud9只能做个编辑器 还达不到IDE的效果，今天来更新一下新的IDE 。

目前市面上毕竟成熟的 WebIDE 都是大公司开发的，要么就需要收费，要么就是国外的，要么是特别重（Eclips Che 7）需要运行在K8s上，对于企业来说基本上没有什么难度，但是个人开发者来说就需要一款轻便的IDE了。

前几天我朋友给我发消息说笔记本电脑固态硬盘坏了，刚刚开的项目写了大半结果找不回来了（试过各种办法了），真是个糟糕的一天。突然想起微软的 vscode 可以通过浏览器运行，经过一番搜索后找到了一个新玩意，code-server (官网) 是一个基于vscode的在线开发编辑,非常强大，主要是和本地电脑上安装的 vscode 一样，包括插件和主题也是相互支持。通过半天的组装和测试，基本上完成了环境搭建。

已经内置了：git zsh omyzsh(目前需要打开Terminal需要手动输入：zsh )

集成了常用开发组件：容器管理：portainer、数据库：mysql、队列缓存数据：redis、数据库管理：phpMyAdmin、对象存储：Minio（兼容亚马逊S3的对象存储）、代码仓库：gitea 基本上涵盖了常用开发环境。

docker-compose 如下：

version: "2.1"
networks:
  webide:
    driver: bridge
services:

### Portainer ################################################
  portainer:
    container_name: portainer
    image: portainer/portainer
    volumes:
      - ./docker_data/portainer:/data
      - /var/run/docker.sock:/var/run/docker.sock
    ports:
      - 9010:9000
    networks:
      - webide
### web_ide_php ################################################
  web_ide_php:
    # image: dragonlhp/coder-server-php
    build: .
    container_name: web_ide_php
    environment:
      - PUID=1000
      - PGID=1000
      - TZ=Asia/Shanghai
      - PASSWORD=password
      - SUDO_PASSWORD=password
    volumes:
      ##  编辑器配置文件
      - ./docker_conf/code/.config:/config/.config
      - ./docker_conf/code/.local:/config/.local
      - ./docker_conf/code/data:/config/data
      - ./docker_conf/code/extensions:/config/extensions
     ##  php-fpm 配置文件
      - ./docker_conf/code/php7.4/fpm/pool.d/www.conf:/etc/php/7.4/fpm/pool.d/www.conf
     ##  nginx配置文件
      - ./docker_conf/code/nginx/nginx.conf:/etc/nginx/nginx.conf
      - ./docker_conf/code/nginx/conf.d:/etc/nginx/conf.d
      - ./docker_data/code/log/nginx:/var/log/nginx/
      - ./start_service.sh:/start_service.sh
     ##  默认工作空间 
      - D:\docker:/config/workspace
      - C:\Users\lenovo\.ssh:/config/.ssh
    command: ['sh','/start_service.sh']
    ports:
      - 8443:8443
      - 80:80
    networks:
      - webide

### db ################################################
  db:
    container_name: "db"
    image: mysql:8
    restart: always
    environment:
      - MYSQL_ROOT_PASSWORD=root
      - MYSQL_USER=gitea
      - MYSQL_PASSWORD=gitea
      - MYSQL_DATABASE=gitea
    command:
      --default-authentication-plugin=mysql_native_password
      --character-set-server=utf8mb4
      --collation-server=utf8mb4_general_ci
      --explicit_defaults_for_timestamp=true
      --lower_case_table_names=1
      --max_allowed_packet=128M;
    volumes:
      - ./docker_data/mysql:/var/lib/mysql
    ports:
      - "3306:3306"
    networks:
      - webide
### redis ################################################
  redis:
    #定义主机名
    container_name: redis
    #使用的镜像
    image: redis
    #容器的映射端口
    ports:
      - 6379:6379
    # command: redis-server /etc/conf/redis.conf
    #定义挂载点
    volumes:
      - ./docker_data/redis/data:/data
      - ./docker_conf/redis/conf:/etc/conf
    #环境变量
    privileged: true
    environment:
      - TZ=Asia/Shanghai
      - LANG=en_US.UTF-8
    networks:
      - webide

# ### phpmyadmin ################################################
#   phpmyadmin:
#     image: "phpmyadmin/phpmyadmin"
#     container_name: "phpmyadmin"
#     ports:
#       - "9080:80"
#     environment:
#       - PMA_ARBITRARY=1 
#       - MYSQL_ROOT_PASSWORD=root
#     depends_on:
#       - db
#     networks:
#       - webide

# ### minio ################################################
#   minio:
#     image: minio/minio:latest
#     container_name: minio
#     ports:
#       - "9098:9000"
#     restart: always
#     command: server /data
#     environment:
#       MINIO_ACCESS_KEY: admin
#       MINIO_SECRET_KEY: admin123 #大于等于8位
#     logging:
#       options:
#         max-size: "50M" # 最大文件上传限制
#         max-file: "10"
#       driver: json-file
#     volumes:
#       - ./docker_data/minio:/data # 映射文件路径
#     networks:
#       - webide
# ### gitea ################################################
#   gitea:
#     image: gitea/gitea:latest
#     container_name: gitea
#     environment:
#       - USER_UID=1000
#       - USER_GID=1000
#       - DB_TYPE=mysql
#       - DB_HOST=db:3306
#       - DB_NAME=gitea
#       - DB_USER=gitea
#       - DB_PASSWD=gitea
#     restart: always
#     volumes:
#       - ./docker_data/gitea:/data
#     ports:
#       - "3000:3000"
#       - "222:22"
#     depends_on:
#       - db
#     networks:
#       - webide

以下主要是用于其他开发语言的环境搭建，内部已经添加上国内源  可以直接构建容器使用，或者添加其他语言的开发环境。

通用版 dockerfile:

FROM linuxserver/code-server
USER root
COPY install.sh /tmp/install.sh
RUN cp /etc/apt/sources.list /etc/apt/sources.list.bak \
    && cat /dev/null  > /etc/apt/sources.list \
    && echo 'deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse' > /etc/apt/sources.list \
    && echo 'deb-src http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb-src http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb-src http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb-src http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb-src http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse' >> /etc/apt/sources.list \
    && cat /etc/apt/sources.list \
    && apt update && sudo apt install -y wget zsh vim software-properties-common \
    && sh /tmp/install.sh \
    && chsh -s /bin/zsh \
    && sudo apt install -y   \
    && sudo add-apt-repository ppa:apt-fast/stable \
    && sudo apt-get update \
    && DEBIAN_FRONTEND=noninteractive apt install -y apt-fast \
    && apt-get clean && rm -rf /tmp/* /var/lib/apt/lists/* /var/tmp/*  /var/cache/apt/*
WORKDIR /config/workspace/

以下是基于上面的容器继续构建的PHP7.4开发环境，包含一些常用扩展 并且增加的 swoole  redis ，需要其他扩展可以试试 。

pecl install  xxxxxx  (xxx 是扩展名称)，注意增加扩展配置 。

dockerfile:

FROM linuxserver/code-server
USER root
COPY install.sh /tmp/install.sh
RUN cp /etc/apt/sources.list /etc/apt/sources.list.bak \
    && cat /dev/null  > /etc/apt/sources.list \
    && echo 'deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse' > /etc/apt/sources.list \
    && echo 'deb-src http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb-src http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb-src http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb-src http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse' >> /etc/apt/sources.list \
    && echo 'deb-src http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse' >> /etc/apt/sources.list \
    && cat /etc/apt/sources.list \
    && apt update && sudo apt install -y wget zsh vim nginx software-properties-common \
    && sh /tmp/install.sh \
    && sudo apt install -y   \
    && sudo add-apt-repository ppa:apt-fast/stable \
    && sudo apt-get update \
    && DEBIAN_FRONTEND=noninteractive apt install -y apt-fast \
    && add-apt-repository ppa:ondrej/php \
    && find /etc/apt/sources.list.d/ -type f -name "ondrej-ubuntu-php-bionic.list" -exec  sed  -i.bak -r  's#deb(-src)?\s*http(s)?://ppa.launchpad.net#deb\1 https\2://launchpad.proxy.ustclug.org#ig' {} \; \
    && sudo apt-get update && apt install -y php7.4 php7.4-dev php-pear php7.4-fpm php7.4-mysql \
    && apt-get clean && rm -rf /tmp/* /var/lib/apt/lists/* /var/tmp/* /var/cache/apt/* /var/log/*
RUN sudo apt-get update \
    && apt install -y php7.4-sqlite3 php7.4-zip* php7.4-curl php7.4-json php7.4-mbstring php7.4-xml php7.4-intl php7.4-gd \
    && apt install -y composer \
    && sed -i '184i return false;' /usr/share/php/PEAR/REST.php \
    && pecl install swoole \
    && echo "extension=swoole.so" > /etc/php/7.4/mods-available/swoole.ini \
    && echo "extension=swoole.so" > /etc/php/7.4/cli/conf.d/swoole.ini \
    && pecl install redis \
    && echo "extension=redis.so" > /etc/php/7.4/mods-available/redis.ini \
    && echo "extension=redis.so" > /etc/php/7.4/cli/conf.d/redis.ini \
    && sed '36c listen = 0.0.0.0:9000' /etc/php/7.4/fpm/pool.d/www.conf \
    && composer config -g repo.packagist composer  https://mirrors.aliyun.com/composer/  \
    && chsh -s /bin/zsh \
    && apt-get clean && rm -rf /tmp/* /var/lib/apt/lists/* /var/tmp/* /var/cache/apt/* /var/log/*