nodeJS之Express------环境搭建

87 阅读2分钟

Express文档

一、关于环境搭建

其实我觉得最难的应该就是环境搭建了,毕竟很多插件对环境的版本还是有要求的,我会展示我的版本号

1、Node.js

安装类似普通应用

C:\Users\midsummer>node --version
v14.16.0

npm 5.0+ 版本在默认情况下会将安装的模块添加到 package.json 文件中的 dependencies 列表中。对于较老的 npm 版本,你就必须指定 --save 参数。然后,照旧执行 npm install 命令即可自动安装依赖列表中所列出的所有模块。

2、初始化

新建一个文件夹mkdir myapp[文件夹名称],进入文件夹初始化npm init

image.png

3、安装express npm install express --save

image.png

4、Express 应用程序生成器

通过应用生成器工具 express-generator 可以快速创建一个应用的骨架。

你可以通过 npx (包含在 Node.js 8.2.0 及更高版本中)命令来运行 Express 应用程序生成器。

$ npx express-generator

对于较老的 Node 版本,请通过 npm 将 Express 应用程序生成器安装到全局环境中并使用:

$ npm install -g express-generator
$ express

image.png

然后安装所有依赖包:

$ cd myapp
$ npm install

在 MacOS 或 Linux 中,通过如下命令启动此应用:

$ DEBUG=myapp:* npm start

在 Windows 命令行中,使用如下命令:

> set DEBUG=myapp:* & npm start

在 Windows 的 PowerShell 中,使用如下命令:

PS> $env:DEBUG='myapp:*'; npm start

然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。

通过生成器创建的应用一般都有如下目录结构:

.
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug
    └── layout.pug

7 directories, 9 files

image.png

image.png

通过 Express 应用生成器创建应用只是众多方法中的一种。你可以不使用它,也可以修改它让它符合你的需求。

二、注意事项

1、以上操作是按照express官网操作,包括最后的请求接口返回的html是根据模板生成

2、一旦运行,更改代码后需要重新运行,需要热更新

nodemon 或者 supervisor

3、链接数据库

npm install mysql