从今天开始,我们开始学vue+express+mongodb+node从头开始构建一个完整的项目,至于完成一个什么样的项目,说实话我还没有想好,如果大家有特别的想法,我们可以一起交流学习。

Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架,为 Web 和移动应用程序提供一组强大的功能。

我们可以通过npm和yarn进行安装:

npm install express --save
yarn add express 

Express的使用需要我们安装node.js环境,请大家在开始之前确认安装了node.js。

我们新建一个目录用来保存我们的应用程序,并且将其设置为工作目录。
使用命令行创建一个项目:

npm init
yarn init

在这里插入图片描述

这里我们步骤都可以直接跳过,但有一步骤如果我们

question entry point (index.js): //如果不想使用默认文件名称,那么这里输入你期望的文件名称,比如:app.js/server.js

此时,在我们的目录下会生成一个package.json文件。npm/yarn init命令本质上就是创建一个package.json文件。我们可以看下生成的文件内容:
在这里插入图片描述

如果我们使用npm的话,你会得到这样一个文件:
在这里插入图片描述

既然我们要使用express,而且我们又都是自己一步步来,那么省不了自己安装一下express了。后面我就直接以yarn为例(npm的相关命令大家可以自己去查阅)。

在这里插入图片描述

安装完成后查看package.json文件,express依赖已经添加到文件中。
在这里插入图片描述

进行下一步之前,我们先来介绍一个辅助工具nodemon:

nodemon用来监视node.js应用程序中的任何更改并自动重启服务,非常适合用在开发环境中。nodemon将监视启动目录中的文件,如果有任何文件更改,nodemon将自动重新启动node应用程序。

安装方式:
在这里插入图片描述

这里有一点大家需要注意,如果是通过yarn进行全局安装,安装完成后,使用nodemon命令会提示不是有效的内部命令,这是因为yarn的bin路径没有添加到环境变量中。
关于yarn的global安装路径,大家可以使用下面的方式进行查询:
在这里插入图片描述

然后将bin路径添加到系统环境变量中去。

上面说过了,程序的入口文件是index.js,看看我们现在的目录结构:
在这里插入图片描述

显然,我们的文件并没有匹配的入口文件,如果此时我们运行程序:
在这里插入图片描述

那么我们就创建一个index.js 并添加Express对应的初始代码:
在这里插入图片描述

运行程序:
在这里插入图片描述

看到这里,说明我们的程序已经正常启动了,接下来我们就要看在浏览器中的效果了:
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐