所属分类:web前端开发
Node.js 是一个流行的 JavaScript 运行环境,可以让开发者使用 JavaScript 语言开发高性能的后端应用程序。Node.js 自带了一个简单、灵活的 web 应用程序框架 Express.js,同时也提供了一个强大的模板引擎 EJS,可以帮助开发者创建出美观、易于维护的 web 应用程序。
在本文中,我们将讨论如何安装 Node.js、Express.js 和 EJS,并了解如何将它们组合使用来创建一个简单的 web 应用程序。
在开始之前,请确保您的计算机已经安装了 Node.js 运行环境。如果您尚未安装它,请按照以下步骤进行安装:
安装完成后,打开终端(或命令行窗口),输入以下命令检查 Node.js 是否正确安装:
node -v登录后复制
如果 Node.js 安装成功,将会显示出 Node.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 是一个简单、易用的模板引擎,可以帮助您在 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 安装的详细内容,更多请关注zzsucai.com其它相关文章!