Express开发框架的安装与配置

什么是Express

借用官方的介绍,Express是一个基于Node.js平台的极简、灵活的web应用开发框架,它提供了一系列强大的特性,帮助你创建各种 Web和移动设备应用。

如何安装

请先确保你的机器上安装了Node.js,然后通过npm方式来安装,非常方便。

安装步骤

1. 安装 Express

在cmd命令行下,输入npm install express -g命令,回车后,将会看到如下信息,就表示安装成功了。

2. 安装Express应用生成器

expresst应用生成器会帮我们生成express相应的目录结构,同样在cmd命令行下,输入npm install express-generator -g命令,回车

可以看到,Express应用生成器express-generator已经安装成功了。

3. 创建应用

切换到工作空间根目录,输入express express-demo命令,如图

上面的命令,创建了一个express-demo项目应用,该应用位于D:\javapro这个工作空间中。其目录结构如下:

目录说明:

/bin:用于应用启动

/node_modules:Web项目的模块列表

/public:静态资源目录

/routes:路由规则,可以理解为controller(控制器)

/views:视图,但是这种视图并不是传统的html文件,而是html的引擎模板,这里默认的模板是jade文件,可以认为是前台UI。

app.js:程序main文件

4. 安装依赖

切换到express-demo应用根目录下,输入npm install,回车

将会安装package.json文件中定义的依赖包,如图:


依赖包说明:

body-parser:node.js 中间件,用于处理 JSON, Raw, Text 和 URL 编码的数据。

cookie-parser :一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie,并把它们转成对象。

jade: 一个高性能的模板引擎,它深受 Haml 影响,它是用 JavaScript 实现的,并且可以供 Node 使用。

5. 修改端口号

Node.js默认使用的端口号为3000,如果我们想使用其它端口,就需要手动修改,修改的方式有两种,如下:

5.1 修改app.js文件

在app.js文件中,加入如下代码:

app.listen(3001);

这种方式修改端口后,原来默认的3000端口还可以正常访问应用,原因未知。

5.2 修改bin/www文件

将如下代码中的端口号3000,修改成你想要的。

var port = normalizePort(process.env.PORT || '3000');

如图:

6. 启动应用

切换到项目根目录下,输入set DEBUG=express-demo & npm start 或者 直接输入npm start,回车后即可启动express-demo应用了。如图:

7. 浏览器访问

在浏览器地址栏中,输入http://localhost:3000/,你将会看到如下界面:

恭喜你!Express环境搭建成功了!

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Node Express是一个基于Node.js平台的Web应用程序开发框架,它提供了一组强大的特性和工具,可以帮助开发者快速创建高效、可扩展的Web应用程序。下面是使用Node Express搭建框架的步骤: 1. 安装Node.js 在安装之前,你需要确认你的系统已经安装了Node.js,如果没有安装,可以从官方网站下载安装包并进行安装。 2. 创建项目目录 在本地计算机上创建一个新的目录,作为你的应用程序的根目录。 3. 初始化npm 打开命令行工具,切换到项目根目录下,执行以下命令: ``` npm init ``` 这个命令会引导你创建一个新的package.json文件,用来管理你的项目依赖和配置。 4. 安装Express 在命令行工具中运行以下命令: ``` npm install express --save ``` 这个命令会将Express安装到你的项目中,并把它添加到package.json文件的依赖列表中。 5. 创建入口文件 在项目根目录下创建一个名为app.js或index.js的文件,并添加以下代码: ```javascript const express = require('express'); const app = express(); app.get('/', (req, res) => { res.send('Hello Express!'); }); app.listen(3000, () => { console.log('Server is running on port 3000'); }); ``` 这个例子创建了一个简单的Express应用程序,在浏览器中访问http://localhost:3000,会返回“Hello Express!”的消息。 6. 启动应用程序 在命令行工具中,切换到项目根目录下,执行以下命令: ``` node app.js ``` 这个命令会启动应用程序,并开始监听3000端口。 现在你已经成功地使用Node Express搭建了一个框架,并可以在这个框架开发你的Web应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值