Express.js项目实战（1）—— 我的藏书馆

首先新建文件夹——myLibrary

在vscode中点击文件>点击 Duplicate Workspace(以工作区的方式打开文件夹myLibrary)

点击duplicate Workspace（打开工作区） 之后，会出现以下界面

 点击打开文件夹，选择新建的文件夹，会出现以下类似文件结构

 

 接下里，开始项目构建

 

 打开终端

选择cmd 

 创建文件夹 mkdir filename

 切换到新建的文件夹下操作  cd  filename

 初始化myLibrary-server  输入命令 npm init 一直点击回车键直到初始化完成

初始化成功后会在 myLibrary-server 下面出现package.json文件

输入npx express-generator --no-view . 

这个命令的作用是使用express-generator生成一个Express应用程序的模板代码，不包含视图引擎。 

 输入npm install

接下来输入以下命令

npm install -D nodemon的作用是将nodemon作为开发依赖安装到项目中。nodemon是一个用于开发环境的工具，用于自动监测代码的更改，并在代码保存后重新启动应用程序。这样可以节省开发人员手动重新启动应用程序的时间。

`npm install -D @types/express` 的作用是安装一个名为 `@types/express` 的 npm 包。这个包是 TypeScript 的声明文件，用于提供 `express` 库的类型定义。在使用 TypeScript 开发时，使用这个包可以使得在编码过程中可以获得 `express` 库的正确类型提示和类型检查。

打开package.json文件

 在scripts当中添加以下两条语句

• "debug": "SET DEBUG=mylibrary-server:* & npm start" 语句的作用是设置调试模式，并启动应用程序。通过设置DEBUG环境变量的值为"mylibrary-server:*"，可以启用所有以"mylibrary-server:"开头的日志输出。然后执行"npm start"命令来启动应用程序。

• "dev": "SET DEBUG=mylibrary-server:* & port=3004 & nodemon ./bin/www" 语句的作用是在开发过程中启动应用程序，并使用nodemon来监视文件的变化。通过设置DEBUG环境变量的值为"mylibrary-server:*"，可以启用所有以"mylibrary-server:"开头的日志输出。还可以通过设置port环境变量的值为3004来指定应用程序的端口。然后执行"nodemon ./bin/www"命令来启动应用程序，并在文件发生变化时自动重新启动。这样可以在开发过程中实时查看更改的效果。

 bin ->www查看项目基本信息

bin下面的www.js文件是一个Node.js的入口文件，它的作用是启动一个HTTP服务器并监听指定的端口，以便能够处理客户端的HTTP请求。在该文件中，会引入app.js文件（或者其他Express应用程序的入口文件），并调用其实例来创建HTTP服务器。www.js文件还会配置服务器的端口、错误处理逻辑和日志输出等。通过运行www.js文件，我们可以启动一个Express应用程序并将其部署到一个可访问的服务器上。

 输入npm start 看项目是否构建成功

 用ctrl + c 停止上一个命令， 也可以输入npm run debug或者npm run dev

npm run debug的作用是运行项目的debug模式，以便开发者可以在调试过程中查看更多的细节信息，以便更好地修复bug。

npm run dev的作用是运行项目的开发模式，以便开发者可以实时地编辑和测试代码，同时自动重启服务器以使修改生效。这样可以提高开发效率。

创建文件夹

更多项目详情主页更新