2. 新建Node.js项目, 安装express

350 阅读1分钟

新建项目

  1. 打开webstorm, 新建项目 express-mysql-api

初始化

  1. 点击webstorm底部的 Terminal, 打开终端

image.png

  1. 输入 npm init, 一路回车,最后输入yes, 回车

image.png

  1. 完了以后,项目中会出 package.json 文件,初始化完成

image.png

安装 express

  1. 继续在终端中执行
npm install express@4.16.4
npm install express-validator@5.3.1
npm install body-parse
body-parser 解析请求参数
express-validator 请求验证

安装完成以后,结果如下图 image.png

  1. 新建 app.js 文件, 内容如下
const express = require('express');
const bodyParser = require('body-parser');
const expressValidator = require('express-validator');

const app = express();

app.use(bodyParser.json({limit: '10mb'}));
app.use(expressValidator());
app.use(bodyParser.urlencoded({extended: true}));

app.get('/', (req, res) => res.send('Hello World!'));

app.set('port', 8082);
const server = app.listen(app.get('port'), function() {
    console.info('api service begin...... access port:' + app.get('port'));
});

image.png

启动

  1. 右键 app.js 文件或在当前窗口中点右键, 在弹出菜单中点击运行 app.js

image.png

  1. 运行成功以后,如下图

image.png

  1. 访问

打开浏览器,输入http://localhost:8082, 可以看到如下内容

image.png

app.get('/', (req, res) => res.send('Hello World!'));

这句代码的输入结果

至此,基本的框架就算搭完了