声明:本教程不收取任何费用,欢迎转载,尊重作者劳动成果,不得用于商业用途,侵权必究!!!
文章目录
步骤2:安装过nvm的,需要指定node版本(未安装可忽略)
一、前言
上篇文章我们对express框架进行了一些介绍,如:它是是什么?我们为什么要学习它?以及它有哪些特性?等等,详细可参考:Node.js后端开发 - 进阶篇 #1 express框架介绍 今天我们来讲讲怎么安装使用它,其实在这篇文章我就有简单讲到 Node.js后端开发 - 基础篇 #16 包管理器 NPM,这篇文章我们将详细介绍它的代码操作
二、如何查看express官网
1、首页
打开英文官网有时候很费劲,当然我们也可以来看看express的中文网:Express - 基于 Node.js 平台的 web 应用开发框架 - Express 中文文档 | Express 中文网,首先我们可以来看“首页”,可以看到它对express的一些简单介绍,如下:
2、快速入门
如下图,如何安装express?如何写一个Hello World应用程序?如何用Express快速生成一个项目的架构?基本路由该怎么配置?如何用express来处理静态文件(就是模拟Apache服务器)?FAQ即一些常见问题怎么解答?会这些基本的,你就会写一些东西了。
3、使用指南(进阶)
这个相对 快速入门,更高级一点
4、具体的API文档-API参考手册、高级主题、资源
三、实现 Hello World
1、官网安装介绍
这个你可以参考,官网的 快速入门-安装,如下图
2、官方express使用介绍
我们打开npm官网:npm, 我们可以在搜索条上面,搜索express,express就是一个web的框架,之前我们也用nodejs代码实现了一个web的功能,但是使用这个框架很方便、写的代码也相对较少,而且它很强大,已经有很多的人在这个框架上面做出了贡献了!
我们现在来看看它是怎么用的?我们之前也使用nodejs代码来实现一个web的应用,但是我们可以看到,它只要短短的几行代码,就可以实现一个简单的web服务器了,所以说我们使用框架就会事半功倍。
3、express使用实战代码
因为我用的Visual Studio Code编辑器,这个工具的使用我就不多讲了,如果不会可参考我的这两篇文章里面有介绍:Node.js后端开发 - 基础篇 #1 课程介绍与开发环境搭建 、Vue框架项目实战整理:5、idea、Visual Studio Code等工具使用记录 ,好现在我们来操作。
步骤1:express安装
正常按照官网的命令执行,会在当前目录生成了node_modules,我的并没有。
我的express安装方式可参考我的这篇博文:-bash: express: command not found(我们不一样,困扰我一天的问题!)
步骤2:安装过nvm的,需要指定node版本(未安装可忽略)
1>、查看node所有安装版本、前头对应的是当前使用的node版本
还有个nvm list命令 和 nvm ls命令 效果是一样的
$ nvm ls //查看node所有安装版本、当前使用版本
v10.16.0
v12.6.0
-> system
node -> stable (-> v12.6.0) (default)
stable -> 12.6 (-> v12.6.0) (default)
iojs -> N/A (default)
lts/* -> lts/dubnium (-> v10.16.0)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.16.0 (-> N/A)
lts/dubnium -> v10.16.0
2>、指定当前使用的node版本
$ nvm use v10.16.0 //指定当前使用的node版本
Now using node v10.16.0 (npm v6.9.0)
$ nvm ls //查看node所有安装版本、当前使用版本
-> v10.16.0
v12.6.0
system
node -> stable (-> v12.6.0) (default)
stable -> 12.6 (-> v12.6.0) (default)
iojs -> N/A (default)
lts/* -> lts/dubnium (-> v10.16.0)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.16.0 (-> N/A)
lts/dubnium -> v10.16.0
3>、查看express版本
$ express --version //查看express版本
4.16.1
步骤3:编码演示
在电脑随便新建一个文件夹,里面随便新建一个js文件,然后把上面官网提到的代码复制进去,如下图:
我建立一个express-demo的文件夹,一个index.js的文件
代码也贴上吧!
const express = require('express');
const app = express();
app.get('/', function (req, res) {
res.send('Express:Hello World')
});
app.listen(3000);
步骤4:最终效果演示
打开浏览器输入地址:http://localhost:3000
好的我们 Hello World 出来了,代表express安装好了,并且能够初步使用了!
下篇文章我们会详细介绍这段代码是啥意思以及其他进一步的知识点,敬请关注!