antonqouloir/marinetaste_fe

marinetaste_fe 镜像说明

镜像概述

本镜像提供了基于Nuxt.js框架的前端项目开发与部署环境，集成了项目构建、调试、生产运行所需的工具链，适用于Nuxt.js项目的快速开发与部署。

核心功能

1. 依赖安装与管理：支持通过yarn安装项目依赖
2. 开发模式：提供本地热重载功能，实时预览代码变更
3. 生产构建：生成优化后的生产环境代码
4. 静态资源生成：将项目打包为静态网站资源
5. 生产服务器启动：运行生产环境的Nuxt.js服务

使用场景

1. 前端开发者进行Nuxt.js项目的本地开发调试
2. 生成静态网站资源用于CDN或静态托管服务
3. 部署Nuxt.js服务端渲染项目到生产环境

配置说明

• 基于Node.js环境，默认使用yarn作为包管理器
• 开发模式默认监听3000端口
• 生产构建会生成优化后的资源文件

部署示例

Docker Run命令

bash
# 启动开发模式（热重载）
docker run -d -p 3000:3000 -v $(pwd):/app antonqouloir/marinetaste_fe yarn dev

# 构建并启动生产环境
docker run -d -p 3000:3000 antonqouloir/marinetaste_fe sh -c "yarn build && yarn start"

# 生成静态资源
docker run -v $(pwd)/dist:/app/dist antonqouloir/marinetaste_fe yarn generate

Docker Compose示例

yaml
version: '3'
services:
  marinetaste_fe:
    image: antonqouloir/marinetaste_fe
    ports:
      - "3000:3000"
    volumes:
      - ./src:/app
    command: yarn dev

更多详情可参考Nuxt.js官方文档