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

第一步:安装Node.js与npm包管理器
Node.js是MEAN栈的运行时环境,npm则是必不可少的包管理工具。推荐安装最新的LTS版本以确保稳定性和兼容性。
- 更新系统包列表:
sudo apt update - 安装Node.js和npm:
sudo apt install nodejs npm - 验证安装版本:
node -v和npm -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