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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node.js是一种运行在服务器端的Javascript环境,它可以让Javascript进行后端开发。因为其高效、快速、稳定,逐渐成为Web应用开发的首选技术之一。本文将会介绍如何在MacOS上搭建Node.js的环境。 一、下载Node.js 首先需要在官网下载Node.js安装包,下载完成后,双击安装包,跟着步骤一步一步来即可。安装过程中会让你安装npm,npm是Node.js的包管理器,也是后续我们开发中使用的必要工具。 二、安装nvm nvm是Node.js版本管理工具,可以方便的管理多个Node.js版本。使用nvm可以避免使用不同版本的Node.js时出现的一些兼容性问题。可以在终端输入以下命令来安装nvm: ``` curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash ``` 安装完成后,需要重新打开终端当前的窗口,或者重启终端。 三、安装Node.js版本 在安装完成nvm后,可以通过以下命令来查看可以安装的Node.js版本: ``` nvm ls-remote ``` 然后可以选择安装需要的版本: ``` nvm install v14.17.3 ``` 安装完成后,可以使用以下命令来查看当前使用的版本: ``` node -v ``` 四、全局安装npm包 在使用Node.js开发时,可能需要使用一些npm包,可以全局安装这些包来方便开发。例如安装express: ``` npm install -g express ``` 五、安装开发工具 安装代码编辑器,Node.js开发常用的编辑器有Visual Studio Code 和 Sublime Text等。 六、测试Node.js环境 新建一个demo.js文件,写入以下代码: ```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\n'); }); server.listen(port, hostname, () => { console.log(`Server running at http://${hostname}:${port}/`); }); ``` 然后在终端中运行以下命令: ``` node demo.js ``` 然后在浏览器中输入http://127.0.0.1:3000,可以看到页面上显示Hello World,说明Node.js环境已经配置成功。 总结: 以上介绍了如何在MacOS上搭建Node.js的环境,其实也可以应用到其他系统中去。Node.js是一个非常流行的技术,在Web应用开发中应用广泛。搭建好Node.js环境后,可以使用npm来安装各种开发依赖包,快速的进行项目开发。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值