node.js学习笔记-快速搭建一个 Express 项目的基本骨架(一)

一、前言

express-generator是 Express 框架提供的一个应用程序生成器工具,它可以帮助你快速搭建一个 Express 项目的基本骨架,节省大量手动创建文件和配置的时间。

以下是关于它的详细介绍和使用步骤:

二、安装

首先,确保你已经安装了 Node.js 和 npm(通常在安装 Node.js 时会一并安装 npm)。然后,在全局范围内安装express-generator,可以通过以下命令进行安装:

js 复制代码
npm install -g express-generator

这里的-g参数表示全局安装,这样你就可以在任何目录下使用express-generator工具了。

三、使用步骤

1、创建项目骨架

在你想要创建 Express 项目的目录下,打开命令行工具,然后使用express-generator来生成项目骨架。例如,要创建一个名为my-express-app的项目,可以执行以下命令:

js 复制代码
express my-express-app

执行这个命令后,express-generator会在当前目录下创建一个名为my-express-app的新文件夹,并在其中生成一系列的文件和文件夹,这些构成了 Express 项目的基本框架。

express-generator 生成的项目通常具有以下典型的结构:

  • app.js:这是项目的核心文件,用于配置 Express 应用程序,包括设置中间件、定义路由等。
  • bin/www :这个文件主要负责启动服务器,它会加载 app.js 中的配置并监听指定的端口。
  • routes :这是一个文件夹,里面包含了各种路由文件,用于定义不同路径下的请求处理逻辑。例如,index.js 路由文件通常处理根路径 / 的请求。
  • views:这是一个文件夹,用于存放视图文件(如果项目使用视图模板引擎的话)。常见的视图模板引擎有 Ejade、Pug 等,不同的模板引擎对应不同格式的视图文件。
  • public:这是一个文件夹,用于存放公共资源,如样式表、脚本文件、图片等。

通过使用 express-generator,你可以快速上手 Express 项目的开发,并且可以根据项目的具体需求对生成的框架进行进一步的扩展和修改。

2、安装依赖

进入刚刚创建的项目文件夹:

js 复制代码
cd my-express-app

然后,安装项目所需的依赖项。因为express-generator只是生成了项目的框架,还没有安装实际运行项目所需的各种 Node 模块。在项目目录下执行以下命令来安装依赖:

js 复制代码
npm install

这会根据package.json文件中的配置,将项目所需的所有依赖包(如 Express 框架本身、各种中间件等)安装到项目的node_modules文件夹中。

3、启动项目

在安装完依赖后,就可以启动 Express 项目了。在项目目录下的命令行中执行以下命令:

js 复制代码
npm start

或者,如果你查看package.json文件,会发现start对应的脚本命令可能是node bin/www(这是express-generator生成的默认启动方式),所以你也可以直接执行:

js 复制代码
node bin/www

项目启动后,默认会在本地的3000端口监听请求。如果一切正常,你应该能看到 Express 框架的默认欢迎页面。

Express 框架的默认欢迎页面

如果我在public文件路径下增加html/index.html

你可以在浏览器中输入http://127.0.0.1:3000/html/index.html来访问项目,可以看到自定义的页面index.html

html/index.html

相关推荐
nashane19 分钟前
HarmonyOS 6学习:JsCrash“闪退”法医指南——从FaultLog堆栈还原崩溃现场的终极手册
学习·华为·harmonyos
for_ever_love__21 分钟前
UI学习:UICollectionView瀑布流
学习·ui·ios·objective-c·cocoa
AOwhisky39 分钟前
MySQL 学习笔记(第六期):MySQL 备份与恢复
运维·数据库·笔记·学习·mysql·云计算
_李小白1 小时前
【android opencv学习笔记】Day 32:直线检测之霍夫变换
android·opencv·学习
华山沦贱2 小时前
open62541 V1.5.4版对C++ Builder支持的bug
笔记
稷下元歌2 小时前
七天学会plc 加机器视觉完整笔记:S7-1200 数据类型、存储区与寻址方式(I/Q/M/DB 详解)。
网络·数据库·笔记
提子拌饭1332 小时前
Column 嵌套布局:多级 Column 实现复杂纵向结构——鸿蒙 HarmonyOS ArkTS 原生学习应用
学习·华为·harmonyos·鸿蒙·鸿蒙系统
逸模2 小时前
AI+BIM 重构连锁公装新范式 逸模打造数字化营建核心底座
大数据·人工智能·笔记·其他·信息可视化·重构
xqqxqxxq3 小时前
树结构技术学习笔记
数据结构·笔记·学习
十月的皮皮4 小时前
C语言学习笔记202606008- 三角形判断(3种方法)
c语言·笔记·学习