八、Express框架 安装

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

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

局部安装

1. 项目创建 

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

2. 初始化

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

npm init -y

 3. 安装Express

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

 4. 编写入口文件

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

// 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执行;

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

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


全局安装

1. 安装Express

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

npm install express -g

npm install express-generator -g

 查看安装的Express版本

express --version

 2. 使用Express生成项目

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

express projectName // projectName即项目名称

 3. 安装依赖包

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

npm install

4. 启动项目

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

npm start

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

以下就是默认的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包具体来源和版本号

  • 3
    点赞
  • 49
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

灵魂学者

你的鼓励是我最大的动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值