最新学习vue开发,准备装一个node容器,里面安装vue脚手架进行开发

  1. 下载镜像docker pull node
  2. 安装容器:docker run -dit --name node node,这里先不映射端口,直接进入node容器安装vue
  3. 进入容器,并开启ssh:
docker exec -it node bash
passwd root  #修改root密码
apt-get update && apt-get install openssh-server   #安装openssh服务
apt-get install nano  # 下载nano插件
nano /etc/ssh/sshd_config  #修改配置文件下面的参数
PermitRootLogin yes  #允许root用户ssh登录
service ssh start #开启ssh服务

在这里插入图片描述
4. 安装vue脚手架,由于安装的是node容器,里面的npm已经安装好了,直接安装脚手架就好了,然后在/data/vue目录下初始化一个项目

npm install -g @vue/cli
vue create hello-world
  1. 将当前容器映射成一个镜像(node:ssh),用此处理过的镜像来创建一个新的容器(node_ssh),并映射两个端口,一个用于ssh连接,一个用于vue项目开发
docker commit -m 'install openssh' -a 'yuwen' edbdae157385  node:ssh
docker run -itd --name node_ssh -p 1111:8080 -p 2222:22 -v /data/vue:/data/vue node:ssh
  1. windows cmd窗口通过ssh连接,如果报下面的错误就执行ssh-keygen -R [your-server-ip]:port,如ssh-keygen -R 10.12.34.53:2222
    在这里插入图片描述

  2. 访问成功ssh root@10.12.34.53 -A -p 2222
    在这里插入图片描述

  3. vscode连接容器
    安装remote develoment插件
    在这里插入图片描述
    安装好以后就可以通过ssh连接容器了
    在这里插入图片描述
    在这里插入图片描述

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐