Skip to content

Latest commit

 

History

History
106 lines (70 loc) · 3.08 KB

README.md

File metadata and controls

106 lines (70 loc) · 3.08 KB

前端开发环境 Docker 镜像

基于 Debain 版 linux,构建于 Nodejs 各大版本,包含 node-sass yarn webpack zsh git 等常用工具,开箱即用。

如果不需要作为开发环境而是将其作为命令行工具使用,参考以下用法:

如需指定 node 版本则在 image 后增加 tag ,NODE 版本列表 10 - 16例:springjk/webdev:10

PS:工具式用法

cd {your-project-path}
docker run --rm -v $(pwd):/workspace  springjk/webdev:{node-version} sh -c {your-command}

示例:

docker run --rm -v $(pwd):/workspace  springjk/webdev sh -c 'npm install';

docker run --rm -v $(pwd):/workspace  springjk/webdev sh -c 'node -v && yarn install && yarn run build';
# 指定 node 版本 [10-16]
docker run --rm -v $(pwd):/workspace  springjk/webdev:14 sh -c 'node -v && yarn install && yarn run build';

安装

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

Setp0: 安装 Docker

Setp1: 下载镜像

docker pull springjk/webdev
# 或指定版本
docker pull springjk/webdev:16

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 基础环境 10-18

模块管理器

名称 说明 版本
npm Node.js 官方推出的 JavaScript 包工具 latest
yarn Facebook 推出的开源 JavaScript 包工具 latest
pnpm 新一代的开源 JavaScript 包工具 latest

系统工具

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

本地化

  • 时区修改为 PRC
  • npm 及相关二进制包源修改为阿里源
  • 添加 YARN、PNPM