Node.js(1)—— Node.js介绍与入门

前面我们谈到一些前端开发的内容,学习了HTML、css和JavaScript,已经掌握了如何编写一些简单功能的网页。但是只属于前端部分,我们只能在本地打开文件进行浏览,不能让其他人打开我们编写的网站;这时就需要后端部分上场了。我们现在要介绍的Node.js就是来解决这个问题的。

目录

Node.js的重要性

什么是Node.js?

Node.js的应用

1、开发服务器应用

2、开发工具类应用

3、开发桌面端应用

Node.js安装

命令行工具

Node.js初体验

在vscode中使用终端

关于Node.js


Node.js的重要性

在前后端开发中,最基础的便是HTML、css和JavaScript三个基本技术;目前的前端开发已经在这些基础上开发衍生出一些实用的框架,例如 Vue 和我们提过的 React等等。不过当下最热门的还是小程序开发。这些都是前端的重要技术。但是仅仅作为前端是无法让用户进行访问的,后端的部分就需要用到Node.js。它虽不是唯一的后端编写技术,但应用广泛,作为初学者,为我们以后找工作可以说是必须学会的一项技能。

什么是Node.js?

Node.js的官方是这么描述的:Node.js is an open-source, cross-platform JavaScript runtime environment.

我们通俗地说,就是一款能运行JavaScript的软件,一款应用程序。

Node.js的应用

关于Node.js的应用 ,我们可以简单概括为三种:

  • 开发服务器应用
  • 开发工具类应用
  • 开发桌面端应用

我们依次来介绍一下:

1、开发服务器应用

试想一下,你在某个媒体平台发布了自己的作品,作品被其他人看到,并给你的作品进行了评论,点赞,这些信息会反馈让你看见。这样一个过程的实现,就需要一个"中间人",即服务器。

作者作品 ==> 服务器 ==> 用户 用户信息反馈 ==> 服务器 ==> 作者

服务器可以看做一个设备,它会进行后端代码的运行,对交互的信息做出处理,实现上述情景的过程。我们说到的Node.js 就是对服务器进行代码的编写,让它能够处理用户传递过来的信息。

2、开发工具类应用

工具类应用顾名思义就是使用Node.js开发的实用性工具。例如我们之前在react的介绍中使用的Vite工具。此外还有Webpack和Babel;这三个工具是目前前端开发中非常重要的工具,可以提高开发效率。

所以,我们可以利用Node.js来开发自己需要的项目工具。

3、开发桌面端应用

使用Node.js也可以进行桌面端开发,例如我们使用的vscode就是使用electron的工具,由Node.js开发的。

Node.js安装

下面我们安装Node.js。直接在浏览器搜索Node.js;点开官网,选择LTS版本下载。

当然这是中文站官网,大家也可以进入国外官网进行下载。下载之后打开文件,按照操作进行安装。

点击next。

勾选我同意,点击next。

直接默认安装即可。点击next。这里是选择安装路径,我们可以选择一个自己基础存放文件的路径;当然我们也可以就默认安装不用去修改。

这里不用管,点击next。

这个地方我们注意不要去勾选,否则会话很长的时间安装甚至安装失败。我们直接next。

好了,现在点击install进行安装。

Node.js安装完后没有快捷方式。我们打开cmd输入 node -v 查看是否安装成功:

bash 复制代码
node -v

代码下面就会跳出安装的版本号。如果能正常弹出,说明安装成功;如果没有,再检查上面的操作程序安装一遍。

命令行工具

nodejs属于后端开发,和前端不同,前端开发时我们能随时看到网页的变化,它时直观的,有画面展示,我们能更轻松地观察到自己代码编写的情况。而后端没有画面,只能用我们的脑袋去想象。

对于Node.js的学习过程,我们需要使用cmd(命令行工具)来进行编写。在正式开始Node.js学习前,我们先来温习一下一些常用的命令:

  • cd : (文件名)切换文件夹其中,cd: ../ 表示回到上级目录,这个操作十分常用。
  • **dir:查看目录文件;**dir -s 表示展示当前目录下的所有内容。
  • **(盘名):切换盘。**如 C: 表示切换到C盘;D: 表示切换到D盘。
  • Ctrl + C : 终止当前运行的命令

Node.js初体验

下面我们单独建立一个文件夹用于存放代码。打开vscode,新建一个js文件。

下面我们使用cmd来运行一下该文件。要想运行我们创建的这个js文件,首先要在cmd中切换至该文件对应的目录,然后使用dir查看我们的文件:

我们可以看到刚刚创建的文件出现了。如果你创建了文件但这里没有结果,可能是vscode创建后没有保存。点击保存之后再次运行dir就能看到了。下面我们来运行该文件:

bash 复制代码
node hello.js

可以看到成功运行。

使用cmd可能会显得有点繁琐。能不能在vscode中直接编写呢?

在vscode中使用终端

我们在vscode中选择Terminal(终端),直接就能在vscode中编写了。

这样我们就能在vscode中输入命令了。我们可以发现,它会直接切换好当前文件所在的目录,就不用之前cmd那样切换文件目录了。

关于Node.js

最后我们补充一些信息。

在Node.js中是不能BOM和DOM的API的。我们之前在介绍JavaScript时学过其分为两大部分,分别是核心语法(ECMAScript)和Web API(包括BOM和DOM);而在nodejs中则是Node API,所以JavaScript的DOM和BOM的一些语法在nodejs中将不受用。

nodejs和JavaScript中相同的就记住两个:console和定时器(setTimeout)

相关推荐
Java 码农4 小时前
nodejs koa留言板案例开发
前端·javascript·npm·node.js
胡gh4 小时前
浏览器:我要用缓存!服务器:你缓存过期了!怎么把数据挽留住,这是个问题。
前端·面试·node.js
ccnocare8 小时前
Node.js ZIP 安装
node.js
码上有料13 小时前
Node.js中XLSX库的实践使用指南
node.js
前端老鹰14 小时前
Node.js 网页解析神器:cheerio 模块实战指南,像 jQuery 一样玩转 HTML
后端·node.js
Hilaku14 小时前
前端需要掌握多少Node.js?
前端·javascript·node.js
前端工作日常14 小时前
我的 SSR 测试 入门之旅
前端·node.js
前端双越老师16 小时前
【干货】Nodejs + Deepseek 开发 MCP Server 和 Client 踩坑记录
人工智能·node.js·deepseek
叫我阿柒啊1 天前
Java全栈工程师面试实战:从基础到微服务的深度解析
java·redis·微服务·node.js·vue3·全栈开发·电商平台