前端开发环境 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
删除
镜像内容
基础环境
名称 |
说明 |
版本 |
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 |
模块加载器
构建工具
名称 |
说明 |
版本 |
gulp |
自动化构建工具 |
latest |
grunt |
自动化构建工具 |
latest |
编译工具
框架工具
名称 |
说明 |
版本 |
vue-cli |
Vue.js 命令行工具 |
latest |
开发工具
系统工具
名称 |
说明 |
版本 |
curl |
HTTP 请求工具 |
latest |
wget |
文件下载工具 |
latest |
vim |
文本编辑器 |
latest |
git |
免费、开源的分布式版本控制工具 |
latest |
zsh |
强大的 Shell 增强工具 |
latest |
oh-my-zsh |
zsh 的扩展工具 |
latest |
本地化
- 时区修改为
PRC
- npm 源修改为淘宝源
- APK 包管理器源修改为中科大源