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

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

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

开发工具:Visual Studio Code

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第1张图片

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第2张图片

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第3张图片

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第4张图片

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

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第5张图片

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第6张图片

8、在终端输入

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第7张图片

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第8张图片

10、敲下图代码

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第9张图片

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第10张图片

12、出现下方页面证明

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第11张图片

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

npm i koa koa-route koa-static

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第12张图片

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

16、查看网络属性

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第13张图片

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第14张图片

18、在浏览器输入

172.20.10.2:3000

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第15张图片

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第16张图片

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

如何搭建一个 koa node 服务器(详细教程,适合新手用)_第17张图片

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

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

你可能感兴趣的:(react)