前端的全栈之路Meteor篇(一):开发环境的搭建 -全局安装或使用容器镜像

本文涉及的产品
容器镜像服务 ACR,镜像仓库100个 不限时长
简介: 本文介绍了如何搭建 Meteor 开发环境,包括全局安装 Meteor 工具和使用 Docker 镜像两种方法,以及创建和运行一个简单的 Meteor 项目的基本步骤。 Meteor 是一个全栈 JavaScript 框架,适用于构建实时 Web 应用程序。文章还提供了遇到问题时的解决建议和调试技巧。

Meteor 是一个全栈 JavaScript 框架,适用于构建实时 Web 应用程序。

本文将介绍两种不同的方式来搭建 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 会自动处理这些文件。

4. 运行和调试 Meteor 项目

4.1 启动项目

进入项目目录后,运行以下命令来启动应用程序:

cd my-app
meteor run

默认情况下,应用会在 localhost:3000 端口运行。你可以打开浏览器并访问 http://localhost:3000 来查看应用的运行情况。

4.2 调试项目

Meteor 内置了调试支持。你可以在启动项目时加上 --inspect 参数以启用 Node.js 的调试模式:

meteor --inspect

这样,你可以通过 Chrome 开发工具或 VS Code 等工具进行远程调试。你可以在代码中插入 debugger; 语句,或直接使用断点调试。

此外,Meteor 还支持热重载,这意味着在你修改客户端代码时,应用会自动刷新,无需手动重启。

总结

通过本文的步骤,你可以选择以下三种方式来搭建 Meteor 开发环境:

  1. 全局安装 Meteor 工具:这是最简单的方式,适合本地开发和长期使用。
  2. 使用 Docker 镜像:适合需要隔离环境的开发者,也适合在 CI/CD 环境中部署。
  3. 创建和运行项目:无论你使用哪种安装方式,创建项目和运行调试的过程都是相似的。

如果还有问题,可以参考官方的英文教程Meteor指南,本文额外介绍了一下与docker的使用(因为meteor更新还是比较快的,多个版本安装升级的时候,会有不少包残余等,清理比较麻烦,但用docker相对就比较简单-旧版本不需要就把镜像删除清理一下即可,不影响主系统)

另外,可以在做阿里云ECS/服务器实验的时候,在一个虚拟环境中安装测试哦~

相关实践学习
通过容器镜像仓库与容器服务快速部署spring-hello应用
本教程主要讲述如何将本地Java代码程序上传并在云端以容器化的构建、传输和运行。
Kubernetes极速入门
Kubernetes(K8S)是Google在2014年发布的一个开源项目,用于自动化容器化应用程序的部署、扩展和管理。Kubernetes通常结合docker容器工作,并且整合多个运行着docker容器的主机集群。 本课程从Kubernetes的简介、功能、架构,集群的概念、工具及部署等各个方面进行了详细的讲解及展示,通过对本课程的学习,可以对Kubernetes有一个较为全面的认识,并初步掌握Kubernetes相关的安装部署及使用技巧。本课程由黑马程序员提供。   相关的阿里云产品:容器服务 ACK 容器服务 Kubernetes 版(简称 ACK)提供高性能可伸缩的容器应用管理能力,支持企业级容器化应用的全生命周期管理。整合阿里云虚拟化、存储、网络和安全能力,打造云端最佳容器化应用运行环境。 了解产品详情: https://www.aliyun.com/product/kubernetes
相关文章
|
1月前
|
Cloud Native 前端开发 JavaScript
前端开发者必看:不懂云原生你就OUT了!揭秘如何用云原生技术提升项目部署与全栈能力
【10月更文挑战第23天】随着云计算的发展,云原生逐渐成为技术热点。前端开发者了解云原生有助于提升部署与运维效率、实现微服务化、掌握全栈开发能力和利用丰富技术生态。本文通过示例代码介绍云原生在前端项目中的应用,帮助开发者更好地理解其重要性。
70 0
|
2月前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
137 3
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
|
1月前
|
运维 Linux Docker
安装Harbor镜像仓库
本文介绍了如何在Linux系统上安装和配置Harbor镜像仓库。首先通过阿里云镜像源安装Docker,然后下载并解压Harbor离线安装包。配置Harbor服务的相关参数。最后,通过运行安装脚本完成Harbor的安装,并进行基本的测试,包括登录、构建和推送Docker镜像。文章还提供了相关资源链接,方便读者进一步了解和学习。
66 2
|
2月前
|
Kubernetes 监控 数据中心
容器化与微服务:构建高效开发环境的双剑合璧
【10月更文挑战第20天】本文探讨了容器化技术(如Docker和Kubernetes)与微服务架构的结合,如何共同构建高效、灵活的开发环境。容器化解决了环境一致性、快速部署和资源隔离的问题,而微服务架构则提升了系统的可维护性和可扩展性。通过容器编排工具、CI/CD流程和服务网格,两者的结合进一步优化了开发和运维效率。文章还分享了实施这两项技术的最佳实践和职业心得。
|
2月前
|
JavaScript 前端开发 测试技术
前端全栈之路Deno篇(五):如何快速创建 WebSocket 服务端应用 + 客户端应用 - 可能是2025最佳的Websocket全栈实时应用框架
本文介绍了如何使用Deno 2.0快速构建WebSocket全栈应用,包括服务端和客户端的创建。通过一个简单的代码示例,展示了Deno在WebSocket实现中的便捷与强大,无需额外依赖,即可轻松搭建具备基本功能的WebSocket应用。Deno 2.0被认为是最佳的WebSocket全栈应用JS运行时,适合全栈开发者学习和使用。
130 7
|
25天前
|
JavaScript 开发者 Docker
深入理解Docker容器化技术,打造高效开发环境
深入理解Docker容器化技术,打造高效开发环境
|
2月前
|
前端开发 JavaScript 中间件
前端全栈之路Deno篇(四):Deno2.0如何快速创建http一个 restfulapi/静态文件托管应用及oak框架介绍
Deno 是由 Node.js 创始人 Ryan Dahl 开发的新一代 JavaScript 和 TypeScript 运行时,旨在解决 Node.js 的设计缺陷,具备更强的安全性和内置的 TypeScript 支持。本文介绍了如何使用 Deno 内置的 `Deno.serve` 快速创建 HTTP 服务,并详细讲解了 Oak 框架的安装和使用方法,包括中间件、路由和静态文件服务等功能。Deno 和 Oak 的结合使得创建 RESTful API 变得高效且简便,非常适合快速开发和部署现代 Web 应用程序。
109 2
|
2月前
|
JavaScript 前端开发 Serverless
前端全栈之路Deno篇:Deno2.0与Bun对比,谁更胜一筹?可能Deno目前更适合serverless业务
在前端全栈开发中,Deno 2.0 和 Bun 作为新兴的 JavaScript 运行时,各自展现了不同的优势。Deno 2.0 重视安全性和多平台兼容性,尤其是对 Windows 的良好支持和原生 TypeScript 支持;而 Bun 则以卓越的性能和简便的开发体验著称,适合快速迭代的小型项目。两者在不同场景下各具特色,Deno 更适合企业级应用和serverless,Bun 则适用于追求速度的项目。
193 1
|
2月前
|
前端开发 安全 API
前端全栈之路Deno篇(三):一次性搞懂和学会用Deno 2.0 的权限系统详解和多种权限配置权限声明方式
本文深入解析了 Deno 2.0 的权限系统,涵盖主包和第三方包的权限控制机制,探讨了通过命令行参数、权限 API 和配置文件等多种权限授予方式,并提供了代码示例和运行指导,帮助开发者有效管理权限,提升应用安全性。
|
2月前
|
Linux 应用服务中间件 Shell
docker学习--docker容器镜像常用命令大全(简)
本文档详细介绍了Docker中的镜像命令与容器管理命令。镜像命令部分涵盖了镜像搜索、下载、上传等操作;容器管理命令则包括了容器的创建、启动、停止、删除及日志查看等功能。通过具体示例,帮助用户更好地理解和使用Docker相关命令。
177 0

相关产品

  • 容器镜像服务