docker 搭建vue-cli开发环境

本文详细介绍了如何在开发机上通过Docker快速构建一个纯净的Vue CLI开发环境。首先,创建项目目录并编写Dockerfile来指定Node.js和Vue CLI版本。接着,编写docker-compose.yml文件映射本地目录到容器工作目录。通过docker-compose启动容器,实现开发环境的创建。在容器内可以正常使用Vue CLI创建项目,且本机与容器之间有文件同步,支持热更新。这样的设置使开发机保持干净,只需管理dockerDesktop中的容器即可轻松切换工作状态。
摘要由CSDN通过智能技术生成

目标

开发机上0环境,全都由容器实现

开始

1) 创建一个项目目录

2)编写一个 Dockerfile 文件(区分大小写),创建一个开发环境镜像

Dockerfile

FROM node:10.19.0-stretch-slim

# system local config
RUN true \
    # debian china mirrors
    && sed -i 's/deb.debian.org/mirrors.ustc.edu.cn/g' /etc/apt/sources.list \
    && sed -i 's/security.debian.org/mirrors.ustc.edu.cn/g' /etc/apt/sources.list \
    # timezone to china
    && ln -sf /usr/share/zoneinfo/PRC /etc/localtime 

RUN apt-get update \
    && apt-get install -y \
    # node-sass 等编译依赖
    make gcc g++ python \
    # 命令行工具
    zsh curl wget vim git

# RUN wget https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh -O - | zsh || true
RUN sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)"

RUN true \
    && npm config set registry https://registry.npm.taobao.org
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值