express-generator脚手架的使用

初始化一个Express项目,通过生成器工具express-generator快速生成了一个Express应用。

  1. 安装express生成器
    npm i -g express-generator
    
    运行express --version  可以查看版本
  2. 初始化一个express引用
    express server
    

目录结构:
3. app.js应用的初始化文件,包括引入应用程序的基础依赖项、设置视图即view的引擎目录以及模板、设置静态资源路径、配置通用的中间件、引入路由和一些错误处理中间件等。
4. package.json应用的配置文件,文件内包含程序的基础信息、启动脚本和依赖包等。
5. bin/www应用的启动文件,文件内包含引用要启动的应用、设置应用监听的端口和启动http服务等。
6. public/**应用的静态资源文件目录,html,css,js,image,该目录下的文件资源不需要经过文件映射就可以直接访问。
7. routes/**应用的路由文件,这些路由文件中设置的接口最终会以指定的HTTP请求方式暴露给用户,主要用来接收前端发送的请求 响应数据给前端
8. views应用的视图文件,主要放置 ejs 后端模板文件,在app.js中设置好视图引擎和模板之后,该目录即为应用视图的根目录,然后路由文件就会根据app.js中的设置加载并渲染该目录下的视图文件。

安装依赖
npm install

启动程序
node bin/www
启动后并没有什么反应,在浏览器上打开 http://localhost:3000/,显示下面图就表示安装成功了
在这里插入图片描述

端口修改
打开bin目录下的www文件,找到
varport=normalizePort(process.env.PORT||‘3000’);
将3000修改为想要使用的端口号

2.1 通过pm2启动项目,安装:

npm install pm2 -g
  启动:

pm2 start app.js
注意:pm2是在后台启动的,还可以操作其他命令

停止:

pm2 stop app.js 或者 pm2 stop all
具体操作可以去npm官网查看,收搜pm2 https://www.npmjs.com/package/pm2

3.该应用中是jade模板,相信大家都不习惯,可以去学习一下:也可以改成html

安装ejs

npm i ejs --save
  打开app.js文件,引入ejs模板

最后在views新建一个html文件就可以啦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值