当前位置:首页 » 《休闲阅读》 » 正文

Express框架的安装和使用

16 人参与  2024年04月08日 18:00  分类 : 《休闲阅读》  评论

点击全文阅读


1.Express框架简介

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

2.Express框架的安装

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

2.1局部安装

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/

在这里插入图片描述

2.2全局安装

1.全局安装express

npm install express -g

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

npm install express-generator -g

查看版本是否安装成功!

3.搭建框架项目

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

D:\>express expressGlobal

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

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

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

npm start

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

npm install http-errors

重新运行,在浏览器输入

http://127.0.0.1:3000/

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

4.项目文件介绍

打开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锁定安装时包的版本号

点击全文阅读


本文链接:http://m.zhangshiyu.com/post/92426.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1