首页 > 文章 > web前端 > nodejs express ejs 安装

nodejs express ejs 安装

WBOY原创: 2023-05-11 18:35:07734浏览

Node.js 是一个流行的 JavaScript 运行环境，可以让开发者使用 JavaScript 语言开发高性能的后端应用程序。Node.js 自带了一个简单、灵活的 web 应用程序框架 Express.js，同时也提供了一个强大的模板引擎 EJS，可以帮助开发者创建出美观、易于维护的 web 应用程序。

在本文中，我们将讨论如何安装 Node.js、Express.js 和 EJS，并了解如何将它们组合使用来创建一个简单的 web 应用程序。

安装 Node.js

在开始之前，请确保您的计算机已经安装了 Node.js 运行环境。如果您尚未安装它，请按照以下步骤进行安装：

打开 [Node.js 官网](https://nodejs.org/)，点击 “下载” 按钮，选择适合您操作系统的版本进行下载。
下载完成后，双击安装包进行安装。按照安装向导的步骤进行操作即可。
安装完成后，打开终端（或命令行窗口），输入以下命令检查 Node.js 是否正确安装：
```
node -v
```
如果 Node.js 安装成功，将会显示出 Node.js 的版本信息。

安装 Express.js

安装完 Node.js 后，就可以使用 npm 命令（Node.js 自带的包管理器）来安装 Express.js。请参照以下步骤进行安装：

打开终端（或命令行窗口），输入以下命令：
```
npm init
```
这个命令将会引导您创建一个新的 Node.js 项目。按照提示一步一步进行输入。
初始化完成后，输入以下命令来安装 Express.js：
```
npm install express --save
```
这个命令将会从 npm 仓库中安装最新版本的 Express.js，并将其作为依赖关系添加到您的项目中。
安装成功后，在项目的根目录下，创建一个名为 app.js 的新文件。这是您的 Express.js 应用程序的主要入口点。
在 app.js 文件中，输入以下代码来创建一个简单的 Express.js 应用程序：
```
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Server listening on port 3000!');
});
```
这个应用程序将会响应来自客户端浏览器的所有 HTTP GET 请求，并返回一个包含 “Hello World!” 的字符串。
保存 app.js 文件后，切换到终端（或命令行窗口），将工作目录切换到 app.js 文件所在的目录，并运行以下命令：
```
node app.js
```
如果一切正常，您应该可以看到终端输出 “Server listening on port 3000!” 的信息。这表明您的 Express.js 应用程序正在运行，并可以通过访问 http://localhost:3000/ 来访问它。

安装 EJS

EJS 是一个简单、易用的模板引擎，可以帮助您在 Express.js 应用程序中创建具有动态内容的网页。请按照以下步骤进行安装：

打开终端（或命令行窗口），输入以下命令：
```
npm install ejs --save
```
这个命令将会从 npm 仓库中安装最新版本的 EJS，并将其作为依赖关系添加到您的项目中。
在应用程序的根目录下，创建一个名为 views 的新文件夹。这将是您的 Express.js 应用程序用来存放 EJS 模板文件的地方。
在 views 文件夹中，创建一个名为 index.ejs 的新文件。这将是您的网页的主要模板文件。
在 index.ejs 文件中，输入以下代码来创建一个简单的网页：
```
<!DOCTYPE html>
<html>
<head>
  <title>EJS Example</title>
</head>
<body>
  <h1>Welcome to the EJS Example!</h1>
  <p>The current date and time is <%= new Date().toString() %>.</p>
</body>
</html>
```
这个模板将会显示一个标题，“Welcome to the EJS Example!”，以及一个包含当前日期和时间的段落。
回到 app.js 文件中，在头部添加以下代码来告诉 Express.js 应用程序在哪里可以找到 EJS 模板文件：
```
app.set('views', './views');
app.set('view engine', 'ejs');
```
在 app.js 文件中，用以下代码替换 app.get 方法：
```
app.get('/', (req, res) => {
  res.render('index');
});
```
这个方法会通过 EJS 模板引擎来呈现 views/index.ejs 文件，并将其发送回客户端浏览器。
保存 app.js 和 index.ejs 文件后，切换到终端（或命令行窗口），将工作目录切换到 app.js 文件所在的目录，并运行以下命令：
```
node app.js
```
如果一切正常，您应该可以看到终端输出 “Server listening on port 3000!” 的信息。这表明您的 Express.js 应用程序正在运行，并可以通过访问 http://localhost:3000/ 来访问它。

点击链接，您应该可以看到一个包含当前日期和时间的网页。

结论

在本文中，我们学习了如何安装 Node.js、Express.js 和 EJS，并创建了一个简单的 web 应用程序。在下一篇文章中，我们将深入探讨如何使用 Express.js 和 EJS 来创建更复杂、更强大的 web 应用程序。

以上是nodejs express ejs 安装的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：linux 是否安装nodejs下一篇：npm如何更新nodejs

查看更多