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, 在文件里输入下面代码:

javascript 复制代码
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 ,文件内容如下:

javascript 复制代码
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!

代码也可这样:

javascript 复制代码
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 ,像我这样,好久不弄,马上知道怎么开始。

相关推荐
Boale_H10 小时前
如何获取npm的认证令牌token
前端·npm·node.js
帅气的花泽类10 小时前
npm error code ERR_SSL_TLSV1_UNRECOGNIZED_NAME
前端·npm·node.js
San3013 小时前
使用 OpenAI API 生成文本与图片:从环境搭建到提示工程完全解析
javascript·人工智能·node.js
Boale_H14 小时前
前端流水线连接npm私有仓库
前端·npm·node.js
有点笨的蛋17 小时前
从零构建你的 AIGC 后端:pnpm + dotenv + OpenAI SDK 的现代工程实践
人工智能·node.js
喜欢踢足球的老罗19 小时前
零依赖一键多端!用纯 Node.js 打造“IP 可访、角色隔离”的轻量化 Mock 服务器
服务器·tcp/ip·node.js
2501_9387820919 小时前
《Express 面试高频错题集:容易踩坑的 Node.js 后端问题解析》
面试·node.js·express
白兰地空瓶19 小时前
从 npm 到 pnpm:现代项目必学的包管理升级指南
node.js
南山安19 小时前
从零开始玩转 AIGC:用 Node.js 调用 OpenAI 接口实现图像生成与销售数据分析
javascript·node.js
葡萄城技术团队20 小时前
将 Node.js REST API 改造为 AI 就绪的 MCP 服务器
node.js