Node.js的认识(初级教程)

Day01: 初识Nodejs

• 知道nodejs是一个js运行环境，借助各种模块，它可以读写文件，处理路径...

目标

• 掌握Node.js的基本概念；
• 了解Node.js在前端和后端领域中的作用

导入

Node.js是什么

官方概念：Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时

(Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.)

上面的概念中有两个特殊的名词，解释如下：

• chrome V8引擎： chrome浏览器用来解析和执行js代码的工具；
• 运行时：理解为一个容器，用来运行代码的环境；

所以，对Node.js更通俗的解释是：一个用chrome浏览器V8引擎来跑JS代码的环境。

图示如下：

• 浏览器是javascript的前端运行环境；
• Node.js是javascript的后端运行环境；

Nodejs的理解

• Node全名是Node.js（也叫Node， nodejs, node.js），但它不是一个js文件，而是一个软件
• Node.js是一个基于Chrome V8引擎的javascript的运行环境，在这个环境中可以执行js代码
• Node.js提供了大量的内置模块及丰富的第三方模块，能够让我们完成文件读写、Web服务器、操作数据库等功能

Node.js的意义和学习内容

学习Node.js的意义

• 在Node环境下，写js代码实现后端的功能（web服务器，写接口，读写数据库.....）
• 了解后端程序员的工作，增加职场竞争力

  

• 它是前端框架（vue, react,angular）的运行基础，学好Node.js有助于为后续框架的学习打下基础

Node.js的学习内容

它只是一个环境，不是一门语言（不需要学习新语言），我们要学习它的两个内容： 模块系统， npm包管理工具。

模块系统。能用不同的模块来完成不同的功能，例如：创建web服务器，写接口，连接操作数据库

NPM包管理工具。通过npm来管理我们的需要的第三方包，为后续学习框架打下基础

下装安装nodejs

下载

进入官网

官网 中文网

点击左侧的按钮(有LTS标识的那个)，会立即下载。

版本说明

• LTS： 长期稳定版(Long Term Support))。 项目开发建议使用长期稳定版
• Current： 最新版。最新版包含了一些新功能，如果想学习最新的功能，则可以使用该版本。最新版可能会有一些未知的bug。

安装

找到你下载的安装包，（不同系统选择对应的安装文件）

双击安装文件开始安装，傻瓜式安装，一路 next 即可

注意：

• 建议安装目录所使用英文路径 (不要安装在类似于  d:/软件/node)
• 安装完成之后， 它不会在桌面出现快捷图标，没法双击打开

测试是否安装成功

打开任意一个小黑窗，输入node -v能够看到Nodejs版本号即为安装成功。

小结

去官网自行下载LTS版本；

安装完成之后，页面没有图标按钮；

上班之后，要问同事，具体的node版本是什么；

打开小黒窗的4种方式

打开小黒窗的方式，如下

在window系统中

方法1：cmd窗口(window+R, --->运行-->录入cmd,回车)

方法2：在资源管理器中，打开任意目录，直接在地址栏中写入 cmd，并回车

方法3：powershell（window10操作系统）

在资源管理器中按下shift，同时点击鼠标右键，可以选择在此处打开powershell/命令行窗口。

方法4： vscode中的右键，在命令行中运行

苹果电脑操作:

参考1：https://jingyan.baidu.com/article/375c8e1969b5f065f3a22967.html

参考2：mac苹果电脑打开命令提示符的两种方法－系统城

参考3：在 Mac 上的“终端”中执行命令和运行工具 - Apple 支持 (中国)

在Node环境下运行js代码

我们前面的学习中，js代码都是在浏览器中运行的，现在开始学习nodejs后，我们有了第二个环境中可以运行js代码。下面来学习如何在nodejs下运行js代码。

目标

掌握在NodeJS环境下运行js代码的步骤

步骤

1. 准备js文件。准备好要被执行的js文件
2. 写命令来运行
   格式node 文件目录.js。在命令行工具中写命令来运行这个文件

实操

准备一个JS文件

请事先准备好一个js文件。例设这里的路径是：d:/src/index.js

具体内容是

let a = 1;
console.info(a + 2);

运行这个文件

打开命令行工具（请注意当前所处的位置），输入命令

格式： node 要执行的文件的路径

注意：node 的后面有一个空格

示例

node index.js 
node 01.js    # 01.js就是当前目录下
node a/01.js  # 01.js在目录a下面

Tip:

最好是在.js文件所在目录下来运行这个js文件

小结

nodejs就是一个环境，可以跑js代码

拓展：常用的命令行下的命令及按键

考虑到后面一段时间我们将会与这个小黒窗打交道，大家可以练习一下

命令及键盘按键

node 空格 某个js文件        # 调用 node 程序，运行某个js文件

clear  或者  cls           # 清空界面

ls/dir                    #  查看列表(list)

cd 目录名                  # 进入到目录中去

cd ..                     # 返回上一级目录

cd \								       # 直接回到根目录
                   
Ctrl+C                  	 # 停止 Node 程序

输入部分文件名后按下 Tab 键  // 补全文件名 或 目录名， 多次tab会进行切换

↑ ↓ 上下箭头         			 # 切换历史输入

复制粘贴

在小黑窗中复制内容：选中内容，再点鼠标右键

把粘贴板中的内容复制到小黑窗： 点鼠标右键

Node.js和浏览器端的区别

通过前面的学习，我们知道了有两个运行js代码的环境，那他们有什么区别呢？

在浏览器端

js由三部分组成：ECMAScript + BOM + DOM

es6 就是ECMAScript 6.0的简写，也泛指其之后的所有版本

ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。是javascript语言的一个标准。它约定了：如何定义变量，函数，运算，数组，内置对象等等。

在nodejs端

有ECMAScript + 内置模块(fs, http, path,.....)。在nodejs中是没有BOM、DOM、window，但使用ECMAScript是通用的

NodeJS中没有DOM，也没有BOM，也没有window对象。

异同点

相同点：

1. 都是可以运行js代码的容器，更严格一点说：都可以运行ECMAScript
2. 要下载安装才能使用

不同点：

Day01: 初识Nodejs

• 知道nodejs是一个js运行环境，借助各种模块，它可以读写文件，处理路径...

目标

• 掌握Node.js的基本概念；
• 了解Node.js在前端和后端领域中的作用

Node.js是什么

导入

大家刚结束了大事件项目，有几个小问题来互动一下：

提问：在项目中，我们作为前端程序员实现做什么事？ 这些事需要后端同学配合吗？

提问：前端要学什么编程语言？后端会用什么编程语言？

提问：可以用js语言实现后端的功能吗？

Node.js是什么

官方概念：Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时

(Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.)

上面的概念中有两个特殊的名词，解释如下：

• chrome V8引擎： chrome浏览器用来解析和执行js代码的工具；
• 运行时：理解为一个容器，用来运行代码的环境；

所以，对Node.js更通俗的解释是：一个用chrome浏览器V8引擎来跑JS代码的环境。

图示如下：

• 浏览器是javascript的前端运行环境；
• Node.js是javascript的后端运行环境；

Nodejs的理解

• Node全名是Node.js（也叫Node， nodejs, node.js），但它不是一个js文件，而是一个软件
• Node.js是一个基于Chrome V8引擎的javascript的运行环境，在这个环境中可以执行js代码
• Node.js提供了大量的内置模块及丰富的第三方模块，能够让我们完成文件读写、Web服务器、操作数据库等功能

Node.js的意义和学习内容

学习Node.js的意义

• 在Node环境下，写js代码实现后端的功能（web服务器，写接口，读写数据库.....）
• 了解后端程序员的工作，增加职场竞争力

  

• 它是前端框架（vue, react,angular）的运行基础，学好Node.js有助于为后续框架的学习打下基础

Node.js的学习内容

它只是一个环境，不是一门语言（不需要学习新语言），我们要学习它的两个内容： 模块系统， npm包管理工具。

模块系统。能用不同的模块来完成不同的功能，例如：创建web服务器，写接口，连接操作数据库

NPM包管理工具。通过npm来管理我们的需要的第三方包，为后续学习框架打下基础

下装安装nodejs

下载

进入官网

官网 中文网

点击左侧的按钮(有LTS标识的那个)，会立即下载。

版本说明

• LTS： 长期稳定版(Long Term Support))。 项目开发建议使用长期稳定版
• Current： 最新版。最新版包含了一些新功能，如果想学习最新的功能，则可以使用该版本。最新版可能会有一些未知的bug。

安装

找到你下载的安装包，（不同系统选择对应的安装文件）

双击安装文件开始安装，傻瓜式安装，一路 next 即可

注意：

• 建议安装目录所使用英文路径 (不要安装在类似于  d:/软件/node)
• 安装完成之后， 它不会在桌面出现快捷图标，没法双击打开

测试是否安装成功

打开任意一个小黑窗，输入node -v能够看到Nodejs版本号即为安装成功。

小结

去官网自行下载LTS版本；

安装完成之后，页面没有图标按钮；

上班之后，要问同事，具体的node版本是什么；

打开小黒窗的4种方式

打开小黒窗的方式，如下

在window系统中

方法1：cmd窗口(window+R, --->运行-->录入cmd,回车)

方法2：在资源管理器中，打开任意目录，直接在地址栏中写入 cmd，并回车

方法3：powershell（window10操作系统）

在资源管理器中按下shift，同时点击鼠标右键，可以选择在此处打开powershell/命令行窗口。

方法4： vscode中的右键，在命令行中运行

苹果电脑操作:

参考1：https://jingyan.baidu.com/article/375c8e1969b5f065f3a22967.html

参考2：mac苹果电脑打开命令提示符的两种方法－系统城

参考3：在 Mac 上的“终端”中执行命令和运行工具 - Apple 支持 (中国)

在Node环境下运行js代码

我们前面的学习中，js代码都是在浏览器中运行的，现在开始学习nodejs后，我们有了第二个环境中可以运行js代码。下面来学习如何在nodejs下运行js代码。

目标

掌握在NodeJS环境下运行js代码的步骤

步骤

1. 准备js文件。准备好要被执行的js文件
2. 写命令来运行
   格式node 文件目录.js。在命令行工具中写命令来运行这个文件

实操

准备一个JS文件

请事先准备好一个js文件。例设这里的路径是：d:/src/index.js

具体内容是

let a = 1;
console.info(a + 2);

运行这个文件

打开命令行工具（请注意当前所处的位置），输入命令

格式： node 要执行的文件的路径

注意：node 的后面有一个空格

示例

node index.js 
node 01.js    # 01.js就是当前目录下
node a/01.js  # 01.js在目录a下面

Tip:

最好是在.js文件所在目录下来运行这个js文件

小结

nodejs就是一个环境，可以跑js代码

拓展：常用的命令行下的命令及按键

考虑到后面一段时间我们将会与这个小黒窗打交道，大家可以练习一下

命令及键盘按键

node 空格 某个js文件        # 调用 node 程序，运行某个js文件

clear  或者  cls           # 清空界面

ls/dir                    #  查看列表(list)

cd 目录名                  # 进入到目录中去

cd ..                     # 返回上一级目录

cd \								       # 直接回到根目录
                   
Ctrl+C                  	 # 停止 Node 程序

输入部分文件名后按下 Tab 键  // 补全文件名 或 目录名， 多次tab会进行切换

↑ ↓ 上下箭头         			 # 切换历史输入

复制粘贴

在小黑窗中复制内容：选中内容，再点鼠标右键

把粘贴板中的内容复制到小黑窗： 点鼠标右键

Node.js和浏览器端的区别

通过前面的学习，我们知道了有两个运行js代码的环境，那他们有什么区别呢？

在浏览器端

js由三部分组成：ECMAScript + BOM + DOM

es6 就是ECMAScript 6.0的简写，也泛指其之后的所有版本

ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。是javascript语言的一个标准。它约定了：如何定义变量，函数，运算&#x