前端的全栈之路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/服务器实验的时候,在一个虚拟环境中安装测试哦~

相关实践学习
Docker镜像管理快速入门
本教程将介绍如何使用Docker构建镜像,并通过阿里云镜像服务分发到ECS服务器,运行该镜像。
深入解析Docker容器化技术
Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化,容器是完全使用沙箱机制,相互之间不会有任何接口。Docker是世界领先的软件容器平台。开发人员利用Docker可以消除协作编码时“在我的机器上可正常工作”的问题。运维人员利用Docker可以在隔离容器中并行运行和管理应用,获得更好的计算密度。企业利用Docker可以构建敏捷的软件交付管道,以更快的速度、更高的安全性和可靠的信誉为Linux和Windows Server应用发布新功能。 在本套课程中,我们将全面的讲解Docker技术栈,从环境安装到容器、镜像操作以及生产环境如何部署开发的微服务应用。本课程由黑马程序员提供。     相关的阿里云产品:容器服务 ACK 容器服务 Kubernetes 版(简称 ACK)提供高性能可伸缩的容器应用管理能力,支持企业级容器化应用的全生命周期管理。整合阿里云虚拟化、存储、网络和安全能力,打造云端最佳容器化应用运行环境。 了解产品详情: https://www.aliyun.com/product/kubernetes
相关文章
|
2月前
|
NoSQL 算法 Redis
【Docker】(3)学习Docker中 镜像与容器数据卷、映射关系!手把手带你安装 MySql主从同步 和 Redis三主三从集群!并且进行主从切换与扩容操作,还有分析 哈希分区 等知识点!
Union文件系统(UnionFS)是一种**分层、轻量级并且高性能的文件系统**,它支持对文件系统的修改作为一次提交来一层层的叠加,同时可以将不同目录挂载到同一个虚拟文件系统下(unite several directories into a single virtual filesystem) Union 文件系统是 Docker 镜像的基础。 镜像可以通过分层来进行继承,基于基础镜像(没有父镜像),可以制作各种具体的应用镜像。
416 5
|
9月前
|
监控 关系型数据库 MySQL
zabbix7.0.9安装-以宝塔安装形式-非docker容器安装方法-系统采用AlmaLinux9系统-最佳匹配操作系统提供稳定运行环境-安装教程完整版本-优雅草卓伊凡
zabbix7.0.9安装-以宝塔安装形式-非docker容器安装方法-系统采用AlmaLinux9系统-最佳匹配操作系统提供稳定运行环境-安装教程完整版本-优雅草卓伊凡
624 30
|
Cloud Native 前端开发 JavaScript
前端开发者必看:不懂云原生你就OUT了!揭秘如何用云原生技术提升项目部署与全栈能力
【10月更文挑战第23天】随着云计算的发展,云原生逐渐成为技术热点。前端开发者了解云原生有助于提升部署与运维效率、实现微服务化、掌握全栈开发能力和利用丰富技术生态。本文通过示例代码介绍云原生在前端项目中的应用,帮助开发者更好地理解其重要性。
370 0
|
9月前
|
Ubuntu 关系型数据库 MySQL
容器技术实践:在Ubuntu上使用Docker安装MySQL的步骤。
通过以上的操作,你已经步入了Docker和MySQL的世界,享受了容器技术给你带来的便利。这个旅程中你可能会遇到各种挑战,但是只要你沿着我们划定的路线行进,你就一定可以达到目的地。这就是Ubuntu、Docker和MySQL的灵魂所在,它们为你开辟了一条通往新探索的道路,带你亲身感受到了技术的力量。欢迎在Ubuntu的广阔大海中探索,用Docker技术引领你的航行,随时准备感受新技术带来的震撼和乐趣。
381 16
|
9月前
|
资源调度 JavaScript 前端开发
前端开发必备!Node.js 18.x LTS保姆级安装教程(附国内镜像源配置)
本文详细介绍了Node.js的安装与配置流程,涵盖环境准备、版本选择(推荐LTS版v18.x)、安装步骤(路径设置、组件选择)、环境验证(命令测试、镜像加速)及常见问题解决方法。同时推荐开发工具链,如VS Code、Yarn等,并提供常用全局包安装指南,帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件,确保合规性与安全性。
7910 23
|
10月前
|
Ubuntu API 网络虚拟化
ubuntu22 编译安装docker,和docker容器方式安装 deepseek
本脚本适用于Ubuntu 22.04,主要功能包括编译安装Docker和安装DeepSeek模型。首先通过Apt源配置安装Docker,确保网络稳定(建议使用VPN)。接着下载并配置Docker二进制文件,创建Docker用户组并设置守护进程。随后拉取Debian 12镜像,安装系统必备工具,配置Ollama模型管理器,并最终部署和运行DeepSeek模型,提供API接口进行交互测试。
1294 15
|
Java 应用服务中间件 Linux
【Docker容器化技术】docker安装与部署、常用命令、容器数据卷、应用部署实战、Dockerfile、服务编排docker-compose、私有仓库
本文主要讲解了Docker的安装与部署、常用命令、容器数据卷、应用部署实战、Dockerfile、服务编排docker-compose、私有仓库以及Docker容器虚拟化与传统虚拟机比较。
13669 38
【Docker容器化技术】docker安装与部署、常用命令、容器数据卷、应用部署实战、Dockerfile、服务编排docker-compose、私有仓库
|
11月前
|
前端开发 应用服务中间件 nginx
docker安装nginx,前端项目运行
通过上述步骤,你可以轻松地在Docker中部署Nginx并运行前端项目。这种方法不仅简化了部署流程,还确保了环境的一致性,提高了开发和运维的效率。确保按步骤操作,并根据项目的具体需求进行相应的配置调整。
969 25
|
运维 Linux Docker
安装Harbor镜像仓库
本文介绍了如何在Linux系统上安装和配置Harbor镜像仓库。首先通过阿里云镜像源安装Docker,然后下载并解压Harbor离线安装包。配置Harbor服务的相关参数。最后,通过运行安装脚本完成Harbor的安装,并进行基本的测试,包括登录、构建和推送Docker镜像。文章还提供了相关资源链接,方便读者进一步了解和学习。
1190 2
|
Kubernetes 监控 数据中心
容器化与微服务:构建高效开发环境的双剑合璧
【10月更文挑战第20天】本文探讨了容器化技术(如Docker和Kubernetes)与微服务架构的结合,如何共同构建高效、灵活的开发环境。容器化解决了环境一致性、快速部署和资源隔离的问题,而微服务架构则提升了系统的可维护性和可扩展性。通过容器编排工具、CI/CD流程和服务网格,两者的结合进一步优化了开发和运维效率。文章还分享了实施这两项技术的最佳实践和职业心得。

相关产品

  • 容器镜像服务