大家好,本笔者今天给大家介绍笔者我写的 node JS 插件。website_express,看过笔者我写的前两篇文章的朋友,基本上应都了解express插件的作用。笔者我已经写好的插件 website_express 已上线npm。在这里,给大家简要介绍笔者我写的插件 website_express 的使用。
介绍之前,引用前面两篇文章。
进入正题,开始运用 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