docker Dockerfile配置vue环境

新建Dockerfile:

1
2
3
4
5
6
7
8
9
10
## 选node作为基础镜像
FROM node:latest
##换源安装vuecli
RUN \
npm config set registry https://registry.npm.taobao.org \
&& npm install -g @vue/cli
## 创建一个目录
#RUN mkdir /workspace/my/vue
## 指定工作目录
WORKDIR /workspace/my/vue

生成镜像

1
docker image build -t myvue:v1 .

  

启动容器(关联宿主机与容器目录地址):

1
docker run -d -p 8444:8080 -v /workspace/my/vue/:/workspace/my/vue --name vue -ti myvue:v1 bash

  

 进入容器新建项目

1
2
3
4
5
6
docker exec -ti vue /bin/bash<br>cd /workspace/my/vue/vue init webpack tese01 安装vue项目
npm install  安装依赖包
如果npm install失败 :
npm install -g cnpm --registry=http://registry.npm.taobao.org  安装代理cnpm
cnpm install 安装依赖包
cnpm run dev 启动项目

  

浏览器访问:http://127.0.0.1:8444

 

posted @   ToDarcy  阅读(3688)  评论(2编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
点击右上角即可分享
微信分享提示