工具

Node.js介绍和环境配置（含NVM、NPM、YARN的安装）

2020-11-09  本文已影响0人  itzhangbao

Node.js的介绍

什么是 Node.js（官方解释）

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 代码运行环境。 Node.js使用了一个事件驱动、非阻塞式I/O的模型（ Node.js的特性），使其轻量级又高效。 Node.js 的包管理器 npm 是全球最大的开源库生态系统。

img

如上图所示：

什么是 Node.js（非官方解释）

Node.js是 JavaScript 语言在服务器端的运行环境（平台）。Node.js 不是一门语言，也不是 JavaScript 的框架。

运行环境（平台）的含义

为什么要学习服务器端开发

为什么选择 Node.js 做后台开发

Node.js的发展

Node 的历史

据 Node.js 创始人 Ryan Dahl 回忆，他最初希望采用 Ruby，但是 Ruby 的虚拟机效率不行。

注意：是 Node 选择了 JavaScript，不是 JavaScript 发展出来了一个 Node。

Node.js的主要应用领域

知名度较高的Node.js开源项目

img

Node.js的特点

Node.js 运行环境配置：通过 Node.js 安装包（不推荐）

去 Node.js 的官网下载安装包：

img

我们也可以在https://nodejs.org/en/download/releases/ 里下载历史版本。

img

注意，我们以一定要用偶数版（V4、V6等)，不要用奇数版（比如V5），因为奇数版不稳定。

我们并不推荐直接采用 Node.js.msi（windows）或者 Node.js.pkg（Mac） 安装包进行安装，原因如下：

因此，我们暂时先不用安装 Node.js，稍后用 NVM 的方式来安装 Node.js。

Node.js 运行环境配置：通过 NVM（推荐）

NVM：node.js version manager，用来管理 node 的版本。

我们可以先安装 NVM，然后通过 NVM 安装 Node.js。这是官方推荐的做法。

Windows 和 Mac 下安装的Node.js 的步骤如下。

Windows 系统安装 Node.js

1、安装 NVM：

（1）我们去 https://github.com/coreybutler/nvm-windows/releases 下载 NVM 的安装包：

img

下载下来后，直接解压到 D:\web目录下：

img

（2）在上面的目录中，新建一个settings.txt文件，里面的内容填充如下：

root: D:\web\nvm
path: D:\web\nodejs
arch: 64
proxy

上方内容的解释：

（3）配置环境变量：

配置成功后，重启资源管理器。

2、验证：(在 cmd 命令行中输入命令)

（1）输入nvm命令查看环境变量是否配置成功：

img

（2）输入 nvm ls，查看已安装的所有 node 版本。

（3）输入 nvm -v，查看 已安装的 nvm 版本。

（4）输入 node -v，查看正在使用的 node 版本。

如果 Node 安装失败，可以参考上面这个链接。

3、安装指定版本的 Node.js：

nvm install 版本号

# 举例
nvm install 8.10.0

输入 node -v，查看当前使用的 node 版本。

关于 NVM 的常用命令，详见下一段。

Mac 系统安装 Node.js

1、安装 NVM：

（1）打开 终端.app，输入：

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

安装成功的界面：

img

完成后，nvm就被安装在了~/.nvm下。

如果发现安装失败：

img

原因：Xcode 软件进行过更新。

解决办法：打开 Xcode 软件，同意相关内容即可。

（2）配置环境变量：

编辑器打开~/.bash_profile文件，如果不会就输入open ~/.bash_profile。

（补充：如果你的Mac电脑里找不到~/.bash_profile文件，那就找找有没有~/.profile文件，或者~/.bashrc文件，或者~/.zshrc文件）。

在最后一行输入：

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

如果你发现文件中已经存在了上面这行代码，就不用往里面加了。这一步的作用是每次新打开一个bash，nvm都会被自动添加到环境变量中。

最后，输入 source ~/.bash_profile重启环境变量的配置。

PS：NVM 现在已经不支持 Homebrew 的方式来安装了。

参考链接：https://www.jianshu.com/p/a3f8778bc0a1

2、验证：(在 终端命令行中输入命令)

（1）输入 nvm 命令查看环境变量是否配置成功：

（2）输入 nvm ls，查看已安装的所有 node 版本。

（3）输入 nvm -v，查看 已安装的 nvm 版本。

（4）输入 node -v，查看正在使用的 node 版本。

3、安装指定版本的 Node.js：

和Windows下一样，也是执行如下命令：

nvm install 版本号

# 举例
nvm install 8.10.0

网速有点慢，要稍等。

img

输入 node -v，查看当前使用的 node 版本。

安装好 Node 之后，npm 也会自动安装的，输入 npm -v，查看 npm 的版本。

关于 NVM 的常用命令，详见下一段。

NVM 的常用命令

注意，这一段说的是 NVM 的常用命令，不是 Node的 常用命令。

查看当前使用的 nvm 版本：

nvm -v

nvm --version

查看本地安装的所有的 Node.js 版本：

nvm list|ls

安装指定版本的 Node.js：

nvm install 版本号

# 举例
nvm install 8.10.0

卸载指定版本 Node.js：

nvm uninstall 版本号

切换使用指定版本的node：

nvm use 版本号

Node.js 的常用命令

查看 node 的版本：

node -v

执行脚本字符串：

node -e 'console.log("Hello World")'

运行脚本文件：

node index.js
node path/index.js
node path/index

查看帮助：

node --help

进入 REPL 环境：

node

REPL 的全称：Read、Eval、 Print、Loop。类似于浏览器的控制台。

img

如果要退出 REPL 环境，可以输入.exit 或 process.exit()。

在 VS Code 里，我们可以在菜单栏选择“帮助->切换开发人员工具”，打开console控制台。

包和 NPM

什么是包

由于 Node 是一套轻内核的平台，虽然提供了一系列的内置模块，但是不足以满足开发者的需求，于是乎出现了包（package）的概念：
与核心模块类似，就是将一些预先设计好的功能或者说 API 封装到一个文件夹，提供给开发者使用。

Node 本身并没有太多的功能性 API，所以市面上涌现出大量的第三方人员开发出来的 Package。

包的加载机制

如果 Node中自带的包和第三方的包名冲突了，该怎么处理呢？原则是：

比如说：

requiere(`fs`)

那加载的肯定是系统的包。所以，我们尽量不要创建一些和现有的包重名的包。

NPM的概念

包的生态圈一旦繁荣起来，就必须有工具去来管理这些包。NPM 应运而生。

NPM：Node Package Manager。官方链接： https://www.npmjs.com/

随着时间的发展，NPM 出现了两层概念：

NPM 的安装（不需要单独安装）

NPM 不需要单独安装。默认在安装 Node 的时候，会连带一起安装 NPM：

img

NVM、Node、NPM 安装之后，目录分布如下：

img img img

输入 npm -v，查看 npm 的版本：

img

如果上方命令无效，可能是之前的 node 并没有完全安装成功。解决办法：https://segmentfault.com/a/1190000011114680

另外，Node 附带的 NPM 可能不是最新版本，可以用下面的命令，更新到最新版本：

npm install npm -g

配置 NPM 的全局目录（暂略）

NPM 默认安装到当前正在使用 Node 版本所在目录下。我们建议重新配置 NPM 的全局目录。

输入npm config ls，查看：

img

NPM的常用命令

项目的初始化。执行完成后，会生成package.json文件。

只在当前工程下安装 package。

在全局环境下安装 package。

NRM的安装(Win 和 Mac 通用)

由于 NPM 的资源都在国外，有时候会被墙，导致无法下载或者很慢。此时可以用到NRM。

NRM：Node Registry Manager。作用是：切换和管理包的镜像源。

安装 NRM：

npm install -g nrm
img

NRM 的常用命令：

# 显示全部的镜像
nrm ls

# 使用淘宝的镜像
nrm use taobao

效果入下：

img

推荐的国内加速镜像淘宝：https://npm.taobao.org/

安装cnpm

安装cnpm替换npm（npm由于源服务器在国外，下载node包速度较慢，cnpm使用国内镜像）：

npm install -g cnpm --registry=https://registry.npm.taobao.org
img

如果我们需要通过 cnpm 去安装一个包时，举例如下：

cnpm i vue

解释： i 指的就是 install。

Node 的使用

我们可以输入node命令，然后在里面写 js 的代码，也可以 通过 node 运行 js 文件。比如，编写好一个 js文件01.js，然后在命令行输入：

node 01.js

就可以执行 js 程序。

YARN

官方文档：https://yarn.bootcss.com/docs/

参考文章：https://www.cnblogs.com/qianguyihao/

上一篇 下一篇

猜你喜欢

热点阅读