- MEAN.JS 教程
- MEAN.JS - 主页
- MEAN.JS - 概述
- MEAN.JS - 架构
- 构建节点 Web 应用程序
- MEAN.JS - 平均项目设置
- 构建静态路由节点 Express
- MEAN.JS - 构建数据模型
- MEAN.JS - REST API
- 带有 Angular 的前端
- 应用程序中的角度组件
- 使用 Angular 构建单页面
- 构建 SPA:下一级别
- MEAN.JS 有用资源
- MEAN.JS - 快速指南
- MEAN.JS - 有用的资源
- MEAN.JS - 讨论
MEAN.JS - MEAN 项目设置
本章包括创建和设置 MEAN 应用程序。我们一起使用 NodeJS 和 ExpressJS 来创建该项目。
先决条件
在开始创建 MEAN 应用程序之前,我们需要安装所需的先决条件。
您可以通过访问 Node.js 网站Node.js(适用于 Windows 用户)来安装最新版本的 Node.js。当您下载 Node.js 时,npm 将自动安装在您的系统上。Linux 用户可以使用此链接安装 Node 和 npm 。
使用以下命令检查 Node 和 npm 的版本 -
$ 节点--版本 $ npm --版本
命令将显示版本,如下图所示 -
创建 Express 项目
使用 mkdir 命令创建项目目录,如下所示 -
$ mkdir Mean-demo //这是存储库的名称
上述目录是节点应用程序的根目录。现在,要创建 package.json 文件,请运行以下命令 -
$ cd webapp-demo $ npm 初始化
init 命令将引导您创建 package.json 文件 -
该实用程序将引导您创建 package.json 文件。它仅涵盖最常见的项目,并尝试猜测合理的默认值。
有关这些字段及其具体用途的明确文档,请参阅“npm help json”。 之后使用 npm install --save 安装包并将其保存为 package.json 文件中的依赖项。 随时按 ^C 即可退出。 名称:(mean-demo)mean_tutorial 版本:(1.0.0) 描述:这是 MEAN 堆栈的基本教程示例 入口点:(index.js) server.js 测试命令:测试 git 存储库: 关键词:MEAN、Mongo、Express、Angular、Nodejs 作者:马尼沙 许可证:(ISC) 即将写入 /home/mani/work/rnd/mean-demo/package.json: { “名称”:“意思_教程”, “版本”:“1.0.0”, "description": "这是 MEAN 堆栈的基本教程示例", “主要”:“服务器.js”, “脚本”:{ “测试一下” }, “关键字”:[ “意思是”, “蒙戈”, “表达”, “有角”, “Node.js” ], “作者”:“马尼沙”, “许可证”:“ISC” }
这个可以吗?(是的是的
单击“是”,将生成如下文件夹结构 -
-平均演示 -package.json
package.json文件将包含以下信息 -
{ “名称”:“意思_教程”, “版本”:“1.0.0”, "description": "这是 MEAN 堆栈的基本教程示例", “主要”:“服务器.js”, “脚本”:{ “测试一下” }, “关键字”:[ “意思是”, “蒙戈”, “表达”, “有角”, “Node.js” ], “作者”:“马尼沙”, “许可证”:“ISC” }
现在要将 Express 项目配置到当前文件夹并安装框架的配置选项,请使用以下命令 -
npm 安装express --保存
转到您的项目目录并打开 package.json 文件,您将看到以下信息 -
{ “名称”:“意思_教程”, “版本”:“1.0.0”, "description": "这是 MEAN 堆栈的基本教程示例", “主要”:“服务器.js”, “脚本”:{ “测试一下” }, “关键字”:[ “意思是”, “蒙戈”, “表达”, “有角”, “Node.js” ], “作者”:“马尼沙”, “许可证”:“ISC”, “依赖项”:{ "快递": "^4.17.1" } }
在这里您可以看到明确的依赖项已添加到文件中。现在,项目结构如下 -
-平均演示 --node_modules 由 npm install 创建 --package.json 告诉 npm 我们需要哪些包 --server.js 设置我们的节点应用程序
运行应用程序
导航到新创建的项目目录并创建一个包含以下内容的 server.js 文件。
// 模块 ================================================= == const express = require('express'); 常量应用程序 = Express(); // 设置我们的端口 常量端口= 3000; app.get('/', (req, res) ⇒ res.send('欢迎来到Tutorialspoint!')); // 在 http://localhost:3000 启动我们的应用程序 app.listen(port, () ⇒ console.log(`在端口 ${port} 上侦听的示例应用程序!`));
接下来,使用以下命令运行应用程序 -
$ npm 开始
您将收到如下图所示的确认信息 -
它通知 Express 应用程序正在运行。打开任意浏览器并使用http://localhost:3000访问应用程序。您将看到欢迎来到Tutorialspoint!文本如下所示 -