/web-dev-docker

前端开发环境 docker 镜像

MIT LicenseMIT

前端开发环境 Docker 镜像

基于 Alpine 版 linux,构建于 Nodejs LTS,包含 yarn webpack zsh git 等常用工具,开箱即用。

安装

初次安装请根据以下步骤执行,熟悉 Docker 的用户可修改 Dockerfile 自行编译使用。

Setp0: 安装 Docker

Setp1: 下载镜像

docker pull springjk/webdev

Setp2: 创建容器

docker run -itd -p <work-port>:8080 -v <workspace-path>:/workspace --name webdev --restart always springjk/webdev

请将 <work-port><workspace-path> 替换,restart=always 会使容器跟随 Dokcer 自动启动。

  • work-port - 浏览器访问端口,容器 8080 端口映射本机端口
  • workspace-path - 代码同步工作目录,Windows 版请确认该目录所在盘符已在 Docker 的配置中挂载

示例:

docker run -itd -p 80:8080 -v d:/git_workspace:/workspace --name webdev --restart=always springjk/webdev

使用

docker exec -it webdev zsh

删除

docker rm -f webdev

镜像内容

基础环境

名称 说明 版本
node Node.js 基础环境 6.9.1 (LTS)
python Python 基础环境,编译 node-sass 必要环境 V2.X

模块管理器

名称 说明 版本
npm Node.js 官方推出的 JavaScript 包工具 v3.10.8
yarn Facebook 推出的开源 JavaScript 包工具 latest
bower Twitter 推出的 JavaScript 包管理工具 latest
cnpm 淘宝推出的 npm 淘宝源镜像版 latest

模块加载器

名称 说明 版本
webpack 前端资源模块化管理和打包工具 latest
browserify CommonJS 模块浏览器端支持工具 latest

构建工具

名称 说明 版本
gulp 自动化构建工具 latest
grunt 自动化构建工具 latest

编译工具

名称 说明 版本
babel ES6 代码编译工具 latest
coffee-script JavaScript 预处理语言编译工具 latest
less CSS 预处理语言编译工具 latest
node-sass CSS 预处理语言编译工具 latest

框架工具

名称 说明 版本
vue-cli Vue.js 命令行工具 latest

开发工具

名称 说明 版本
webpack-dev-server 小型的 node.jsExpress 服务器 latest
anywhere 随启随用的静态文件服务器 latest

系统工具

名称 说明 版本
curl HTTP 请求工具 latest
wget 文件下载工具 latest
vim 文本编辑器 latest
git 免费、开源的分布式版本控制工具 latest
zsh 强大的 Shell 增强工具 latest
oh-my-zsh zsh 的扩展工具 latest

本地化

  • 时区修改为 PRC
  • npm 源修改为淘宝源
  • APK 包管理器源修改为中科大源