NodeJs+Express（一）——初始化项目

￡神魔★判官ぃ 2022-11-27 08:51 136阅读 0赞

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具，使用Express可以快速地搭建一个完整的网站。

本文将详细阐述从零使用express的过程，以及在学习过程中的填坑之路。旨在加强自身学习的巩固，也可以让其他express的开发者们有个借鉴，如有不对的地方，欢迎大家评论指正。  
废话不多说，直接上干货！

## 一、环境配置 ##

### 1.1 安装nodeJS ###

在 Windows 和 macOS 上安装 Node 和 NPM 非常简单明了，使用现成的安装包就行了：

1、下载安装包:  
访问 https://nodejs.org/zh-cn/，根据电脑环境下载相应版本  
2、双击下载的安装包，按照提示即可安装。

### 1.2 测试node和npm ###

$ node -v
    v12.13.0

npm在node安装成功的时候已经同时安装了，可以用同样的方法来检测

$ npm -v
    6.12.0

此时，nodeJS和npm都已经安装成功了，接下来该引入express了

## 二、创建express项目 ##

### 2.1 首先创建一个空项目目录 ###

$ mkdir helloworld
    $ cd helloworld

### 2.2 安装Express应用生成器 ###

现在网上的其他教程中都会先npm init创建package.json和npm install express 做测试，这些操作我就不写了。  
Express 应用生成器 工具可以生成一个 Express 应用的框架，首先我们全局安装一下

$ npm install express-generator -g

进入项目目录中，创建一个helloworld的项目应用

$ express helloworld

npm将在当前位置的子目录汇总创建一个express应用，完成后可以在package.json中看到应用的基本信息以及需要安装的依赖

{ 
      "name": "helloworld",
      "version": "0.0.0",
      "private": true,
      "scripts": { 
        "start": "node ./bin/www"
      },
      "dependencies": { 
        "cookie-parser": "~1.4.4",
        "debug": "~2.6.9",
        "express": "~4.16.1",
        "http-errors": "~1.6.3",
        "jade": "~1.11.0",
        "morgan": "~1.9.1"
      }
    }

进入应用，安装所有依赖

$ cd helloworld
    $ npm install

然后运行这个应用，这里我只试了windows环境的，mac环境的命令需要有条件的同学自己去试了

DEBUG=helloworld:* npm start

在浏览器中输入localhost:3000即可访问应用了，  
至此一个基础的helloworld的express项目就启动了。

## 三、安装nodemon自动化工具 ##

我们在使用express时，每次的改动都需要重启服务器查看更新的效果，这里我使用nodemon自动化工具，安装一下

npm install nodemon --save-dev

安装好之后我们在packag.json文件的script中添加一个命令，用来启动服务器

"scripts": { 
        "start": "node ./bin/www",
        "devstart": "nodemon ./bin/www"
    }

ok，现在我们用新的命令来重启服务

$ DEBUG=helloworld:* npm run devstart

现在，如果再编辑项目中的任何文件，只需要在浏览器中点刷新即可查看更新

发表评论取消回复

表情：

评论列表（有 0 条评论，136人围观）

还没有评论，来说两句吧...

相关阅读

相关高性能服务器NodejsExpress快速构建Web

目录 1 Express基本使用 1.1 托管静态资源 2 Express 路由 3 Express 中间件 3.1 全局中间件

旧城等待，/ 2024年03月24日 20:06/ 0 赞/ 46 阅读

相关 NodeJs+Express（一）——初始化项目

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具，使用Express可以快速地搭

￡神魔★判官ぃ/ 2022年11月27日 08:51/ 0 赞/ 137 阅读

相关初始化vue项目

方法一：可视化界面创建 vue ui 之后会跳转到浏览器可视化界面，按照步骤创建项目即可 ![在这里插入图片描述][watermark_type_ZmFuZ

àì夳堔傛蜴生んèń/ 2022年11月16日 13:56/ 0 赞/ 218 阅读

相关 ionic（一）初始化项目

使用ionic start ionic\_demo02来初始化项目，执行了几次都失败告终。实在不行只能分开执行了第一步只按照项目结构，而不去下载依赖 i

╰+攻爆jí腚メ/ 2022年06月09日 23:17/ 0 赞/ 260 阅读

相关 Express初始化一个项目&git提交一个项目

安装Express Express 是node.js上最流行的web开发框架，正如他的名字一样，使用他我们可以快速的开发一个web应用，我们用exxpress来搭建：

ゞ浴缸里的玫瑰/ 2022年05月25日 04:12/ 0 赞/ 178 阅读

相关初始化vue项目

vue环境搭建以及vue-cli使用 Vue多页面应用文件引用 ![70][] vue官网下载在项目目录下输入: npm i vue --save,会出现mod

谁践踏了优雅/ 2022年05月14日 09:15/ 0 赞/ 251 阅读

相关电商项目（十七）项目初始化（初始化项目结构包）

新建包： ![这里写图片描述][70] Controller包： ![这里写图片描述][70 1] 依次创建这些包： ![这里写图片描述][70 2] >

以你之姓@/ 2021年09月26日 14:04/ 0 赞/ 436 阅读

相关电商项目（十五）项目初始化（Git初始化）

创建项目： ![这里写图片描述][70] 然后在Idea中：生成README.md ![这里写图片描述][70 1] 修改readme.md文件： ![这里

雨点打透心脏的1/2处/ 2021年09月26日 14:02/ 0 赞/ 431 阅读

相关电商项目（十三）项目初始化（数据库初始化）

![这里写图片描述][70] 新建数据库： ![这里写图片描述][70 1] ![这里写图片描述][70 2] 将数据库复制进来： ![这里写图片描述][7

以你之姓@/ 2021年09月26日 14:00/ 0 赞/ 378 阅读

相关（一） spring boot 项目初始化 + 配置swagger页面

1 SpringBoot是什么 -------------------- Spring Boot 是由 Pivotal 团队提供的全新框架，其设计目的是用来简化新 Sp

偏执的太偏执、/ 2021年08月19日 12:39/ 0 赞/ 488 阅读