八、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框架使用全流程

    对于像我这样不常使用 Node.js 进行开发的人来说,每次开始一个新项目都意味着从头开始设置环境,这个过程相当繁琐。因此,我决定自己构建一个开箱即用的项目脚手架。我的目标是创建一个简单易用的基础框架,能让我(和任何人)直接投入日常的开发工作,无需预先的

    2024年01月17日
    浏览(33)
  • Express框架:TypeScript支持的Web应用框架

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

    2024年02月11日
    浏览(39)
  • 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)
  • 09-Node.js—express框架

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

    2023年04月26日
    浏览(49)
  • Express框架与Mongodb的结合使用

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

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

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

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

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

    2024年02月06日
    浏览(38)
  • 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日
    浏览(52)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包