0


八、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包具体来源和版本号


本文转载自: https://blog.csdn.net/weixin_52203618/article/details/128100039
版权归原作者 灵魂学者 所有, 如有侵权,请联系我们删除。

“八、Express框架 安装”的评论:

还没有评论