Express框架的安装和使用

卷小白

已于 2023-05-12 12:21:34 修改

阅读量2.7k

点赞数 3

文章标签： express npm 前端

于 2023-05-05 10:43:17 首次发布

本文链接：https://blog.csdn.net/m0_71469120/article/details/130499673

版权

Node.js的web框架发展至今,第一个知名的框架为Connect框架.它类似一个中间件的脚手架.只提供逻辑,不实现具体的处理逻辑.中间件概念的引入Express框架奠定了基础.

安装分为局部安装和全局安装.

1.在D盘创建expressStudy文件夹,在文件中打开CMD窗口.
2.生成package,json文件

npm init -y

结果如图
3.安装Express框架

npm install express --save

查看版本,如显示安装成功

express --version

在这里插入图片描述
4.测试运行
打开Vscode,创建server.js文件

打开控制台,启动服务.

node server.js

在浏览器中输入该网址

http://127.0.0.1:3000/

在这里插入图片描述

1.全局安装express

npm install express -g

2.全局安装Express生成器express-generator,在4.x的版本,express-generator分离出来,需要独立安装.

npm install express-generator -g

查看版本是否安装成功!

1.首先使用express生成项目,在D盘生成项目

D:\>express expressGlobal

2.进入项目并安装依赖包

D:\>cd expressGlobal
D:\expressGlobal>npm inatall

在这里插入图片描述
3.开启服务

npm start

如果有以下报错
在这里插入图片描述
安装http-errors模块即可

npm install http-errors

重新运行,在浏览器输入

http://127.0.0.1:3000/

在这里插入图片描述
说明项目完成!

打开Vscode,查看文件
在这里插入图片描述

文件	作用
node_modules	存放项目的依赖模块
bin	存放启动项目的脚本文件,默认为www,该文件定义了默认启动端口3000
public	静态资源文件夹
routes	路由文件,包括index.js,users.js
views	页面视图文件,Express框架默认的jade模板,默认有error.jade,index.jade,layout.jade
app.js	项目的入口文件
pack.json	项目包描述文件,包含项目的基本信息和依赖列表
package-lock.json	锁定安装时包的版本号