Sign inSign up

springjk/webdev

By springjk

Updated 12 months ago

前端 Web 开发环境 Docker 镜像

Image
6

2.7K

springjk/webdev repository overview

前端开发环境 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

镜像内容

基础环境
名称说明版本
nodeNode.js 基础环境12 (LTS)
pythonPython 基础环境,编译 node-sass 必要环境V2.X
模块管理器
名称说明版本
npmNode.js 官方推出的 JavaScript 包工具v3.10.8
yarnFacebook 推出的开源 JavaScript 包工具latest
构建工具
名称说明版本
gulp自动化构建工具latest
grunt自动化构建工具latest
编译工具
名称说明版本
node-sassCSS 预处理语言编译工具latest
开发工具
名称说明版本
anywhere随启随用的静态文件服务器latest
系统工具
名称说明版本
curlHTTP 请求工具latest
wget文件下载工具latest
vim文本编辑器latest
git免费、开源的分布式版本控制工具latest
zsh强大的 Shell 增强工具latest
oh-my-zshzsh 的扩展工具latest
本地化
  • 时区修改为 PRC
  • npm 源修改为淘宝源
  • APK 包管理器源修改为中科大源

Tag summary

Content type

Image

Digest

sha256:c6a84833e

Size

131.5 MB

Last updated

12 months ago

docker pull springjk/webdev