smartlab/nuxt-vuetify-node

nuxt-vuetify-node

镜像概述和主要用途

nuxt-vuetify-node镜像是一个为基于Node.js、Nuxt.js、Vue.js和Vuetify构建的应用程序提供预打包依赖的Docker镜像。它集成了开发和运行此类应用所需的核心依赖，旨在简化应用的构建与部署流程，减少环境配置时间。

核心功能和特性

• 预打包依赖：已包含Node.js、Nuxt.js、Vue.js和Vuetify的核心依赖，无需手动安装
• 版本对应：镜像标签严格遵循Node.js版本，便于选择匹配的运行环境
• 环境一致性：确保开发、测试和生产环境的依赖版本一致，减少"在我机器上能运行"的问题
• 简化部署：可直接用于应用打包和运行，缩短部署流程

使用场景和适用范围

• 基于Nuxt.js、Vue.js和Vuetify开发的前端应用
• 需要快速搭建开发环境的团队
• 追求环境一致性的CI/CD流程
• 生产环境中部署Nuxt-vuetify-node应用

使用方法和配置说明

拉取镜像

根据所需的Node.js版本拉取对应标签的镜像：

bash
docker pull docker.xuanyuan.run/nuxt-vuetify-node:<node-version>

例如，拉取Node.js 16版本的镜像：

bash
docker pull docker.xuanyuan.run/nuxt-vuetify-node:16

运行容器示例

使用以下命令运行容器，将本地应用目录挂载到容器中：

bash
docker run -d -p 3000:3000 -v /path/to/your/app:/app docker.xuanyuan.run/nuxt-vuetify-node:16

参数说明：

• -d：后台运行容器
• -p 3000:3000：将容器的3000端口映射到主机的3000端口（Nuxt默认端口）
• -v /path/to/your/app:/app：将本地应用目录挂载到容器的/app目录

Docker Compose配置示例

创建docker-compose.yml文件：

yaml
version: '3'
services:
  nuxt-app:
    image: docker.xuanyuan.run/nuxt-vuetify-node:16
    ports:
      - "3000:3000"
    volumes:
      - ./app:/app
    restart: always

启动服务：

bash
docker-compose up -d