八、Express框架 安装

这篇具有很好参考价值的文章主要介绍了八、Express框架 安装。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

八、Express框架 安装

         对于Express框架的就不进行过多介绍,Express官方对该框架的定位是:"基于Node.js平台,快速、开放、极简的 Web 开发框架",本篇开始记录关于 Node.js 轻量级Web开发框架 :Express框架,下面先进行Express框架的安装:

        Express安装主分两种:1. 局部安装 ;2. 全局安装 ;

局部安装

1. 项目创建 

        先创建项目文件夹并命名未expressPro,通过CMD命令进入到项目文件目录下,当然使用Git-Bash 、Power shell 或者在编译器当中均可操作;

八、Express框架 安装

2. 初始化

        通过以下命令进行初始化生成package.json文件;"-y"表示内容是默认的,不加则需要手动设置一些参数内容;

npm init -y

八、Express框架 安装

 3. 安装Express

        使用npm包管理器下载安装Express,并保存到package.json文件的依赖列表中;等待进度条安装完成即可;

八、Express框架 安装

八、Express框架 安装

 4. 编写入口文件

        新建 app.js 项目入口文件,并编写代码;默认的入口文件名称是 index.js ;

八、Express框架 安装

// app.js文件
const express = require('express');
const app = express();	// app为express的应用实例

app.get('/',function(req,res){
	res.send('Express 框架');
})	
app.listen('3000',function(){
	console.log('Server Running...')
})

5. 启动运行

        使用CMD命令执行项目入口文件,使用node 或者 nodemon 都可以,在前面讲过了安装nodemon之后修改文件不需要重新使用node执行;

八、Express框架 安装

        在浏览器中输入:http://127.0.0.1:3000 或 http://localhost:3000  

八、Express框架 安装

       以上就实现了一个最简单的HTTP服务器!  


全局安装

1. 安装Express

        打开CMD,输入命令;在Express 4.x版本中,express-generator需要单独安装;

npm install express -g

八、Express框架 安装

npm install express-generator -g

八、Express框架 安装

 查看安装的Express版本

express --version

八、Express框架 安装

 2. 使用Express生成项目

        使用CMD切换到生成项目的路径下,使用命名 express + 项目名称 就可以通过 Express 生成项目;

express projectName // projectName即项目名称

八、Express框架 安装

 3. 安装依赖包

        进入目录使用命令安装依赖列表中的所有模块;通过cd projectName到项目目录;再进行

npm install

八、Express框架 安装

4. 启动项目

        在项目目录下使用以下命令就可以启动项目了;出现以下场景则启动成功:

npm start

八、Express框架 安装

         在浏览器中输入 http://127.0.0.1:3000 或 http://localhost:3000时,CMD窗口会有响应;

八、Express框架 安装

以下就是默认的Express页面;

八、Express框架 安装         以上就是Express安装的全部内容,有局部安装和全局安装的内容,可以根据自己喜欢的方式进行选择安装Express框架,下面是关于Express所生成的一些目录文件的认识,感兴趣的话可以继续往下,如果觉得不需要的话,那么在此感谢支持!


具体目录及文件作用:

八、Express框架 安装

bin : 存放启动项目的脚本文件,默认为www,该文件定义了HTTP访问的默认端口为3000;

node_modules : 存放项目的依赖模块,默认有body-parser、cookie-parse、express、morgaan、serve-favicon等常用模块;

public : 静态资源文件夹,含3个文件夹分别为: images、javascript、stylesheets ;

routes : 路由文件,包括 index.js 和 user.js ;

views : 页面视图文件,Express框架模板默认为jade(pug)模板;

app.js : 项目入口文件,应用关键配置文件;

package.json : 项目包描述文件,含项目基本信息和依赖列表;

package-lock.json : 锁定安装时包的版本号,记录当前状态实际安装的npm包具体来源和版本号

八、Express框架 安装文章来源地址https://www.toymoban.com/news/detail-474755.html

到了这里,关于八、Express框架 安装的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Express 框架介绍

    目录 1、简介 1.1 Web 应用 1.2 API 1.3 性能 1.4 框架 2、如何开始 Express 编程之旅 3、测试实例 4、其他问题 4.1 如何定义模型? 4.2 Express 支持哪些模板引擎? 4.3 如何处理 404 响应? 4.4 如何设置错误处理程序?  4.5 如何渲染纯 HTML? Express  是快速、独立、极简的Node.js Web框架。

    2024年02月16日
    浏览(32)
  • Express框架:TypeScript支持的Web应用框架

    Express 框架是一个快速而灵活的 Node.js Web 应用框架,可以帮助开发者快速构建Web应用程序。最近的版本中, Express 框架开始支持使用 TypeScript 进行应用程序开发,这使得开发者可以在 TypeScript 的类型检查与自动补全的支持下,更加高效地开发 Web 应用。本文将深入探讨 Expres

    2024年02月11日
    浏览(39)
  • 09-Node.js—express框架

    express 是一个基于 Node.js 平台的极简、灵活的 WEB应用开发框架,官方网址:https://www.expressjs.com.cn/ 简单来说,express 是一个封装好的工具包,封装了很多功能,便于我们开发 WEB 应用(HTTP 服务) 大家都应该玩过我的世界,在我的世界中如果纯靠手去砍树或者挖矿,效率是很低

    2023年04月26日
    浏览(50)
  • node中间件-express框架

    方式一 : express提供的脚手架,直接创建一个应用的骨架 安装脚手架npm install -g express-generator 创建项目 express express-demo 安装依赖npm install 启动项目 node bin/www 方式二 : 从零搭建自己的express应用结构; 初始化项目 npm init 安装express npm i express 导入–创建–监听 使用参考文档 中

    2024年02月16日
    浏览(55)
  • Node服务器-express框架

    1 Express认识初体验 2 Express中间件使用 3 Express请求和响应 4 Express路由的使用 5 Express的错误处理 6 Express的源码解析 1、在项目文件的根目录创建package.json文件 2、下载express 3、基本使用 4、运行服务器 先要下载nodemon 中间件在express就是post或者get里面的回调函数(req,res,next)

    2024年02月01日
    浏览(42)
  • Express框架与Mongodb的结合使用

    如果你打开这篇文章,说明已经开始有做项目的打算了。 这里有express和mongodb的相关参考教程,遇到问题可以在里面找到答案: Express框架从入门到如土 一文入门Mongodb 这里说下为什么要express框架和mongodb结合。express框架不是指单纯的引入express,而是结合express-generator工具来

    2024年02月10日
    浏览(32)
  • Express框架开发接口之书城商店原型图

    这是利用Axure画的,简单画一下原型图,根据他们的业务逻辑我们完成书城商店API开发 首页 分类 商品详情  购物车 个人中心  首页导航 导航栏产品 通过点击导航栏对应id和产品id关联获取产品内容 设置外建  sql语句 产品轮播图 通过外建获取产品轮播图数据 设置外建 sql语

    2024年02月06日
    浏览(39)
  • JavaScript全解析——Express框架介绍与入门

    本文为千锋资深前端教学老师带来的【JavaScript全解析】系列,文章内含丰富的代码案例及配图,从0到1讲解JavaScript相关知识点,致力于教会每一个人学会JS! 文末有本文重点总结,可以收藏慢慢看~ 更多技术类内容,主页关注一波! 目录 express 的基本使用 express 是什么? 1.基

    2024年02月06日
    浏览(48)
  • Node.js之express框架学习心得

    Node.js是基于Chrome V8引擎构建的JavaScript运行时,它采用了完全不同的开发模型。Node.js使用事件驱动和非阻塞I/O的方式处理请求,通过单线程和异步机制,实现高效的并发处理。这意味着在Node.js中,一个线程可以处理数千个并发连接,大大提高了服务器的性能和可伸缩性。 4

    2024年02月14日
    浏览(59)
  • Node.js-Express框架基本使用

    Express是基于 node.js 的web应用开发框架,是一个封装好的工具包,便于开发web应用(HTTP服务) 中间件(Middleware):是一个回调函数,像路由一样可以访问请求对象(request, response). 作用:使用函数封装公共操作,简化代码。 全局中间件 路由中间件 静态资源中间件 注意事项 1、

    2024年02月12日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包