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

前言

WebStorm、NodeJs 安装能够百度一下,就不说啦。html

WebStorm建立项目

注意模板选择

目前只知道 ejs能够转换为html模板,其余不行。node

修改模板为HTML

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

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

以下图: 输入图片说明浏览器

配置监听

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

启动程序

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

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

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

相关文章
相关标签/搜索