初始化一个Express项目,通过生成器工具express-generator快速生成了一个Express应用。
- 安装express生成器
运行express --version 可以查看版本npm i -g express-generator
- 初始化一个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文件就可以啦!