Ubuntu系统搭建MEAN全栈环境四步流程

MEAN技术栈由MongoDB、Express.js、AngularNode.js四大组件构成,是现代Web开发中非常流行的全栈JavaScript解决方案。在Ubuntu系统上搭建完整的MEAN环境,只需按照以下四个关键步骤操作即可完成。

Ubuntu系统搭建MEAN全栈环境四步流程

第一步:安装Node.js与npm包管理器

Node.js是MEAN栈的运行时环境,npm则是必不可少的包管理工具。推荐安装最新的LTS版本以确保稳定性和兼容性。

  • 更新系统包列表:sudo apt update
  • 安装Node.js和npm:sudo apt install nodejs npm
  • 验证安装版本:node -vnpm -v
  • 升级npm到最新版本:sudo npm install -g npm@latest

对于需要特定Node.js版本的用户,可以考虑使用Node Version Manager(NVM)进行多版本管理。

第二步:配置MongoDB数据库

MongoDB是MEAN栈中的文档型数据库,提供灵活的数据存储方案。

  • 导入MongoDB公共GPG密钥:wget -qO
    https://www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
  • 添加MongoDB仓库:echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
  • 安装MongoDB:sudo apt update && sudo apt install -y mongodb-org
  • 启动MongoDB服务:sudo systemctl start mongod
  • 设置开机自启:sudo systemctl enable mongod

第三步:安装Angular CLI脚手架

Angular CLI是开发Angular应用的官方命令行工具,能大幅提升开发效率。

  • 全局安装Angular CLI:sudo npm install -g @angular/cli
  • 验证安装:ng version
  • 创建新的Angular项目:ng new my-angular-app
  • 进入项目目录并启动开发服务器:cd my-angular-app && ng serve

成功安装后,访问http://localhost:4200即可看到默认的Angular应用界面。

第四步:创建Express.js后端服务

Express.js是Node.js的Web应用框架,用于构建后端API和服务器。

  • 创建项目目录:mkdir my-express-app && cd my-express-app
  • 初始化package.json:npm init -y
  • 安装Express框架:npm install express
  • 安装开发依赖:npm install --save-dev nodemon
  • 创建基础服务器文件app.js并添加启动代码

提示:可以使用Mongoose库简化MongoDB操作,使用CORS中间件处理跨域请求。

环境验证与项目集成

完成所有组件安装后,需要进行集成测试以确保环境正常工作。

组件 验证命令 预期输出
Node.js node -v v18.x.x 或更高版本
MongoDB sudo systemctl status mongod active (running)
Angular CLI ng version Angular CLI: 15.x.x 或更高
Express npm list express express@4.18.x

通过以上四个步骤,您已经在Ubuntu系统上成功搭建了完整的MEAN全栈开发环境,可以开始构建现代化的Web应用程序了。

内容均以整理官方公开资料,价格可能随活动调整,请以购买页面显示为准,如涉侵权,请联系客服处理。

本文由星速云发布。发布者:星速云。禁止采集与转载行为,违者必究。出处:https://www.67wa.com/134626.html

(0)
上一篇 2025年11月27日 上午3:24
下一篇 2025年11月27日 上午3:25
联系我们
关注微信
关注微信
分享本页
返回顶部