nodejs 写入html,用nodeJS写第一个页面

背景:今年剩下的几个月要学习后端开发.使用nodejs加mysql写后端接口.先接触起来,用nodejs写一个页面.

第一步,在E盘创建个nodeJS文件夹,里面有两个文件夹,app和server

bVbxAp3?w=611&h=154

第二步,在server文件夹下运行命令

npm init //初始化 npm,一直回车即可

npm install express --save

第三步:打开vscode编译器,把nodeJS文件打开,然后在server文件夹下创建index.js文件.

(编译器有很多,我习惯用vscode了.用其他的打开也是一样的.)

index.js代码内容如下:

const express = require('express');

const path = require('path');

const app = express();

// 在 app 文件夹开启静态服务

app.use(express.static('../app'));

app.listen(8080, () => {

console.log('Demo server listening on port 8080');

});

bVbxAtn?w=905&h=283

第四步:在app文件夹下创建一个index.html文件

index.heml内容如下:

hello world! 我是nodeJS的html页面

bVbxArC?w=895&h=272

第五步:在server文件夹下运行命令:

node index.js

bVbxArw?w=394&h=84

第六步:用浏览器打开端口显示页面:

bVbxAsn?w=827&h=180

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值