前端的全栈混合之路Meteor篇：开发环境的搭建 -全局安装或使用docker镜像

余生H

已于 2024-10-06 20:15:25 修改

阅读量264

点赞数 20

分类专栏： js全栈工程笔记文章标签：前端全栈 javascript Meteor docker

于 2024-10-06 20:03:09 首次发布

本文链接：https://blog.csdn.net/m0_38015699/article/details/142730928

版权

js全栈工程笔记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

Meteor 是一个全栈 JavaScript 框架，适用于构建实时 Web 应用程序，前面已经出了一系列的文章介绍。
Meteor的前后端分离
 发布订阅示例代码及如何将Meteor的响应数据映射到vue3的reactive系统
 RPC方法注册及调用
 行在浏览器端的数据库-MiniMongo介绍及其前后端数据实时同步示例
本文将介绍两种不同的方式来搭建 Meteor 的开发环境：通过全局安装 Meteor 工具、使用 Docker 镜像，以及创建和运行一个简单的 Meteor 项目。因为之前一直漏了这部分，但官方的教程又是英文，所以出一篇文来简单介绍下如果搭建开发环境，如果有任何问题或者安装过程出现任何报错等欢迎留言，我用了三年多还是见识过不少奇怪问题的啦~

1. 全局安装 Meteor 工具

1.1 检查 Node.js 版本

在安装 Meteor 之前，建议先安装或更新 Node.js。Meteor 会自动安装 Node.js 作为依赖，但它的兼容版本会随不同版本的 Meteor 而变化。安装最新版的 Node.js 可以确保你在未来使用最新版本的 Meteor 时不会遇到兼容性问题。
需要20.14+
确认 Node.js 和 npm 已安装：

node -v
npm -v

如果是windows，直接去Nodejs官网下载，

1.2 安装 Meteor

1.2.1 使用npx直接运行

npx meteor

1.2.2 安装工具

使用以下命令来全局安装 Meteor：

curl https://install.meteor.com/ | sh

这个脚本会自动下载最新版本的 Meteor，并将其安装在系统的全局路径中。

1.3 验证安装

安装完成后，可以通过以下命令验证是否成功安装：

meteor --version

若显示 Meteor 的版本号，则说明安装成功。

2. 使用 Docker 镜像

如果你更喜欢使用 Docker 进行开发，或者需要在隔离的环境中运行 Meteor 应用，可以通过官方提供的 Docker 镜像来搭建开发环境。这样做的好处是你不需要直接在系统上安装任何工具，而且可以轻松管理和删除环境。

2.1 安装 Docker

参考 Docker安装指南安装，windows可下载Ui版本的docker desktop

安装完成后，确保 Docker 已启动并正在运行：

docker ps

2.2 拉取官方 Docker 镜像

Meteor 官方提供了一个预配置的 Docker 镜像。你可以使用以下命令从 Docker Hub 拉取它：

docker pull geoffreybooth/meteor-base

确保是用的这个镜像哦！不要用错了

2.3 运行 Docker 容器 - 使用docker-compose

你可以在一个新的容器中运行 Meteor 应用。假设你要创建并运行一个新的项目，执行以下命令：

docker run -it -v $(pwd):/app -w /app geoffreybooth/meteor-base create my-app

这个命令将在当前目录中创建一个名为 my-app 的 Meteor 项目。接下来，你可以创建一个docker-compose.yml文件：

version: '3'

services:
  app:
    image: geoffreybooth/meteor-base
    ports:
      - '80:3000'
    depends_on:
      - mongo
    environment:
      ROOT_URL: ${APP_ROOT_URL:-http://localhost}
      MONGO_URL: mongodb://mongo:27017/meteor
      PORT: 3000

  mongo:
    image: mongo:latest
    command:
      - --storageEngine=wiredTiger
    volumes:
      - data:/data/db

volumes:
  data:

然后运行：

docker compose up

上面的命令会启动项目并映射主机的 3000 端口到容器中的 3000 端口。现在，你可以在浏览器中访问 http://localhost:3000 来查看项目。

3. 创建一个新的 Meteor 项目

无论是通过全局安装的 Meteor 工具还是 Docker 镜像，你都可以按照以下步骤创建一个新的项目。

3.1 创建项目

使用以下命令创建一个新的项目：

meteor create my-app

这个命令会在当前目录中创建一个名为 my-app 的目录，并初始化一个简单的 Meteor 项目结构。

3.2 项目结构

新创建的项目具有以下基础结构：

my-app/
  ├── .meteor/           # Meteor 配置文件夹
  ├── client/            # 存放客户端代码
  ├── server/            # 存放服务器端代码
  ├── public/            # 存放公开资源（图片、字体等）
  └── imports/           # 可选：模块化导入

你可以将 JavaScript 或 TypeScript 文件分别放入 client/ 和 server/ 目录中，Meteor 会自动处理这些文件。