前端开发环境 Docker 镜像
基于 Alpine 版 linux,构建于 Nodejs
LTS,包含 yarn
webpack
zsh
git
等常用工具,开箱即用。
如果不需要作为开发环境而是将其作为命令行工具使用,参考以下用法:
PS:工具式用法
cd {your-project-path}
docker run --rm -v $(pwd):/workspace springjk/webdev {your-command}
示例:
docker run --rm -v $(pwd):/workspace springjk/webdev npm install && npm run build
安装
初次安装请根据以下步骤执行,熟悉 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 run -itd -v /app:/workspace --name webdev --restart=always springjk/webdev
使用
docker exec -it webdev zsh
删除
docker rm -f webdev
镜像内容
基础环境
名称 | 说明 | 版本 |
---|---|---|
node | Node.js 基础环境 | 12 (LTS) |
python | Python 基础环境,编译 node-sass 必要环境 | V2.X |
模块管理器
名称 | 说明 | 版本 |
---|---|---|
npm | Node.js 官方推出的 JavaScript 包工具 | v3.10.8 |
yarn | Facebook 推出的开源 JavaScript 包工具 | latest |
构建工具
名称 | 说明 | 版本 |
---|---|---|
gulp | 自动化构建工具 | latest |
grunt | 自动化构建工具 | latest |
编译工具
名称 | 说明 | 版本 |
---|---|---|
node-sass | CSS 预处理语言编译工具 | latest |
开发工具
名称 | 说明 | 版本 |
---|---|---|
anywhere | 随启随用的静态文件服务器 | latest |
系统工具
名称 | 说明 | 版本 |
---|---|---|
curl | HTTP 请求工具 | latest |
wget | 文件下载工具 | latest |
vim | 文本编辑器 | latest |
git | 免费、开源的分布式版本控制工具 | latest |
zsh | 强大的 Shell 增强工具 | latest |
oh-my-zsh | zsh 的扩展工具 | latest |
本地化
- 时区修改为
PRC
- npm 源修改为淘宝源
- APK 包管理器源修改为中科大源