当前位置: 首页 > news >正文

visual code 下的node.js的hello world

我装好了visual code ,想运行一个node.js 玩玩。也就是运行一个hello world。 

一:安装node.js : 我google 安装node.js 就引导我到下载页面:https://nodejs.org/en/download

有 Windows Installer (.msi) 还有Windows Binary (.zip) ,我不喜欢安装器,就下载了.zip ,解压后不知道怎么安装。后来看了B站视频,解压后,要设置解压的目录到path 路径就好。不过我也没这么做,就下载了.msi 版本,然后让他安装设置好。

要检查安装是否好,可以在终端运行,也可以vs code 的terminal 下:

node --version 如果显示版本好,就说明安装好了。

二:一个简单的 node.js


在visuan code 里,打开一个目录 open folder, 如果没准备好目录,可以这时新建一个目录,比如:nodejs。然后新建一个文件hello.js, 在文件里输入下面代码:

var msg='hello world';
console.log(msg);

打开visual code 里的terminal ,node hello.js 程序运行如下:

 PS C:\nodeJs> node hello,js
hello world
PS C:\nodeJs> 

这是一个简单在终端显示hello world 的程序

三:在浏览器里显示hello world

新建一个文件 server.js ,文件内容如下:

var http = require('http');http.createServer(function (req, res) {res.writeHead(200, {'Content-Type': 'text/plain'});res.end('Hello World!');
}).listen(8080);

在terminal 运行 node server.js

在浏览器里输入: 

http://localhost:8080/

这个时候在浏览器里显示 Hello World!

代码也可这样:

const http = require('http');const hostname = '127.0.0.1';
const port = 3000;const server = http.createServer((req, res) => {res.statusCode = 200;res.setHeader('Content-Type', 'text/plain');res.end('Hello World');
});server.listen(port, hostname, () => {console.log(`Server running at http://${hostname}:${port}/`);
});

运行时这样:

PS C:\nodeJs> node app.js   
Server running at http://127.0.0.1:3000/

这个提示浏览器输入 http://127.0.0.1:3000/

运行结果也一样,浏览器显示 Hello World

本文简单介绍如何开始node.js ,像我这样,好久不弄,马上知道怎么开始。

http://www.lryc.cn/news/180589.html

相关文章:

  • MySQL——四、SQL语句(下篇)
  • 蓝桥杯每日一题2023.10.2
  • 红外遥控器 数据格式,按下及松开判断
  • win32进程间通信方式(13种)
  • 基于Vue+ELement搭建动态树与数据表格实现分页模糊查询
  • 多线程案例 - 单例模式
  • 云原生Kubernetes:对外服务之 Ingress
  • Java21 新特性
  • Rest Template 使用
  • IDEA git操作技巧大全,持续更新中
  • 计算机操作系统 (王道考研)笔记(四)I/O系统
  • 【Java基础】抽象类和接口的使用
  • Golang的性能优化
  • 实现两栏布局的五种方式
  • 博物馆门票预约APP的设计与实现(源码+lw+部署文档+讲解等)
  • 【AI视野·今日Robot 机器人论文速览 第四十四期】Fri, 29 Sep 2023
  • 一维数组和二维数组的使用(char类型)
  • 1.基本概念 进入Java的世界
  • 程序在线报刊第一期
  • k8s 拉取镜像报错 no basic auth credentials
  • Koa处理请求数据
  • 关于浮点数的 fld、fadd、fstp 汇编指令介绍
  • 知识图谱小白入门(1):neo4j的安装与CQL的使用
  • 一个用java的get请求
  • 作为SiteGPT替代品,HelpLook的优势是什么?
  • uni-app:实现页面效果2(canvas绘制,根据页面宽度调整元素位置)
  • 【24种设计模式】责任链模式(Chain of Responsibility Pattern)
  • 微信小程序一对多个页面间传递数据进行通信,事件触发的实现方法
  • 软件测试之Python基础学习
  • 模块化编程+LCD1602调试工具——“51单片机”