前端开发环境 Docker 镜像

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

安装

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

Setp0: 安装 Docker

• Docker 官方地址 - 如需中文帮助请查看 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 包管理器源修改为中科大源