Webstorm 新建 Express 项目结构分析

最新推荐文章于 2025-05-31 06:00:00 发布

Cacra

最新推荐文章于 2025-05-31 06:00:00 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： NodeJS 工具使用基础配置/知识

本文链接：https://blog.youkuaiyun.com/u014465934/article/details/81210254

本文详细分析了使用Webstorm创建的Express项目结构，包括bin、node_modules、public、routers、views和package.json等目录的功能，重点解释了app.js的配置和路由中间件的使用。通过理解这些，可以了解一个页面从启动到渲染的完整流程。

根据Webstorm新建Express的项目结构，对Express各个模块间功能和文件夹合作进行分析。

参考文章：
https://www.jianshu.com/p/02273a225e3e

1.新建Express项目目录：

这里写图片描述

bin：启动配置文件，在 www 里修改运行端口号
node_modules:存放所有的项目依赖库，就像java存放架包
public：用于存放静态资源文件图片，CSS，JAVASCRIPT文件..
routers：路由文件相当于springmvc中的Controller，ssh中的action
views：存放页面的地方
package.json：项目依赖配置及开发者信息。
app.js：应用核心配置文件，项目入口。

2.app.js配置详解

可以参考文章：
http://www.cnblogs.com/fhen/p/5257467.html
https://blog.youkuaiyun.com/qq_31411389/article/details/54019267

// 1. 导入相关模块
var createError = require('http-errors');  //引用
var express = require('express');   //引用express
var path = require('path');   // 服务器路径
var cookieParser = require('cookie-parser');   //解析cookie
var bodyParser = require('body-parser');   // 解析request，respond参数
var logger = require('morgan');   //日志功能，需要手动配置