使用website_express插件搭建web服务器

大家好,本笔者今天给大家介绍笔者我写的 node JS 插件。website_express,看过笔者我写的前两篇文章的朋友,基本上应都了解express插件的作用。笔者我已经写好的插件 website_express 已上线npm。在这里,给大家简要介绍笔者我写的插件 website_express 的使用。

介绍之前,引用前面两篇文章。

node JS之web服务器搭建

node JS 之web服务器搭建,续

进入正题,开始运用 website_express 实现web服务器的开发。

笔者我前面发表的两篇文章当中,有介绍一些常用开发软件,就是WebStorm、Visual Studio Code。前面的文章当中,Visual Studio Code出现的次数是比较多的。今天笔者我用我本人很常用的软件 WebStorm,该软件与出品 IntelliJ IDEA 的 JetBrains 公司的软件几乎齐名,开发国内、国际上较为主流的web前端框架项目,相当的好用。

首先,启动 WebStorm 一般出现如下界面。

点击“创建新项目”选项,进入项目类型选择和配置的界面

上图已在图内给大家介绍部分内容,这里再补充

一般正常情况,选择空项目进行开发本次案例一般都不会有问题。

点击 Create(创建)按钮后,出现打开了刚刚创建的项目的WebStorm主界面,如下图:

图上给大家做了些介绍,这里也再补充一点,包管理器(npm)、节点解释器

(node JS 运行环境)的随意升级,很容易导致个别部分的项目的开发不能正常。

在包管理器(npm)、节点解释器(node JS 运行环境)相当稳定时,不建议进行大版本的升级。除非个别朋友比较喜欢尝鲜,追求新版本。

接下来就是在WebStorm内的终端输入 npm install website_express 安装

website_express插件,如图

安装完成后,如图下显示:

接下来,新建一个名为 index.js 的js文件,开始写通过website_express插件实现web服务器的代码,下图:

按下 Enter(回车)键后,自动打开刚新建好的 index.js 文件进入可编辑的状态,输入如下代码:

let mod = require('website_express');

let test = new mod();

test.openServer();

效果图 ↓

代码输入完成了,接下来是对一些开发运行的配置进行指定,对某些朋友来说,这种配置指定可有可无。但是对新手来说是比较友好的,接下来就是开始指定开发运行的配置设置,如图:

回到主界面,如图:

浏览器的效果:

前面写过文章中提到的接口,按照惯例,再展示一次。

代码如图显示:

最终效果

写到这里,已经比较晚了,关于该插件的使用,其实大家可以按照本文所讲的方法运行起来,用浏览器打开 http://localhost:8080模块说明指南。如上图所示那样,讲解有常用部分的属性的使用。

虽然前面也说过,本笔者也是一个普通上班族的一员,空闲时间比较少。说明指南不是很完整。后期的模块更新会陆续更新说明指南。

如有疑问,可在评论留言,笔者会逐一回复,或给我发私信、以及电子邮件发送至 mvghostxp123@163.com

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值