- 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!文本如下所示 -
