如何搭建一个 koa node 服务器(详细教程,适合新手用)

如何搭建一个 koa node 服务器(详细教程,适合新手用)

前言:我自己就是一个新手,所以我特别理解每当看一些简单教程照着做总会出错的那种无措感,这时就特别希望有一个手把手教的教程,于是就自力更生了。

开发工具:Visual Studio Code

1、打开 Visual Studio Code ,点击左侧边栏“资源管理器”

如何搭建一个 koa node 服务器(详细教程,适合新手用)

2、展开 REACTSTUDY01(之前创建的一个文件夹),新建一个文件夹,比如 koa

如何搭建一个 koa node 服务器(详细教程,适合新手用)

3、点击下方蓝色条向上拉打开终端

如何搭建一个 koa node 服务器(详细教程,适合新手用)

4、输入 cd koa 进入到 koa 的文件夹

如何搭建一个 koa node 服务器(详细教程,适合新手用)

5、输入 npm init(初始化一份 package.json)

6、提示询问名字,可以随便写,例如123

如何搭建一个 koa node 服务器(详细教程,适合新手用)

7、一直按回车键,直到出现询问是否 yes,然后输入yes再按回车键

如何搭建一个 koa node 服务器(详细教程,适合新手用)

8、在终端输入

npm install koa --save-dev(下载 koa ),稍等片刻即可

如何搭建一个 koa node 服务器(详细教程,适合新手用)

9、下载完之后,创建一个应用程序,在 koa 下新建文件如 server.js

如何搭建一个 koa node 服务器(详细教程,适合新手用)

10、敲下图代码

如何搭建一个 koa node 服务器(详细教程,适合新手用)

11、按ctrl+s保存文件,然后在终端输入 node server.js 按回车键启动本文件

如何搭建一个 koa node 服务器(详细教程,适合新手用)

12、出现下方页面证明

node server.js 文件已经启动成功

如何搭建一个 koa node 服务器(详细教程,适合新手用)

13、如果出现错误(提示找不到 koa-route)可在终端输入

npm i koa koa-route koa-static

14、在浏览器输入localhost:3000 访问

如何搭建一个 koa node 服务器(详细教程,适合新手用)

15、也可以用本机在局域网的IP:3000访问,点击电脑上网络和Internet设置

如何搭建一个 koa node 服务器(详细教程,适合新手用)

16、查看网络属性

如何搭建一个 koa node 服务器(详细教程,适合新手用)

17、查看本机在局域网的IP地址

如何搭建一个 koa node 服务器(详细教程,适合新手用)

18、在浏览器输入

172.20.10.2:3000

如何搭建一个 koa node 服务器(详细教程,适合新手用)

19、在 koa 下新建文件夹如 public,然后在 public 下新建文件如hhh.html,在 hhh.html 里面随便输入内容,如 Succeed !

如何搭建一个 koa node 服务器(详细教程,适合新手用)

20、按ctrl+s保存文件,在浏览器输入localhost:3000/hhh.html 或者172.20.10.2:3000/hhh.html访问

如何搭建一个 koa node 服务器(详细教程,适合新手用)

21、如果你的电脑和手机是连在同一个路由器下,那么也可以在手机浏览器输入

http://172.20.10.2:3000/hhh.html 访问。