WebStorm+NodeJs创建支持Html模板的项目

前言

WebStorm、NodeJs 安装可以百度一下,就不说啦。

WebStorm创建项目

注意模板选择

目前只知道 ejs可以转换为html模板,其他不行。

修改模板为HTML

项目创建成功,后有一个app.js文件,可以简单的认为是nodeJs一个配置文件。文件内容需要了解也去百度吧。 我们需要修改一些内容,添加下图中标记的代码,完成模板修改。 输入图片说明

在views文件下增加两个Html文件

如下图: 输入图片说明

配置监听

下图是最简单的启动监听,如果需要复杂的情况,可以了解listen函数。 输入图片说明 上图中,port是一个自定义参数,值为8888,这样nodeJs服务器就完成了,IP当然是localhost.

启动程序

修改package.json文件start 后面改为 node app.js。如下图: 输入图片说明

再启动程序: 输入图片说明

在浏览器输入:http://localhost:8888/ 即可。

转载于:https://my.oschina.net/u/2948232/blog/775598

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值