1

安装 Nodejs

现在 Nodejs 基本上是前端工程师电脑中必装的一款软件了。即使对 Nodejs 开发了解甚少,但是在其他开发中也会需要使用 Nodejs 中自带的 npm 来安装项目依赖。因此,学习安装 Nodejs 也是前端需要掌握的一项技能了。

安装 nvm

Nodejs 的版本升级非常快,截止到现在 LTS 版本已经更新到 8.9.3 了,而最新的版本是 9.3.0。因此,很多时候想在自己电脑中安装多个版本的 Nodejs,一方面可以使用最新的特性,另一方面,在开发的时候使用稳定版本来开发。为了满足上面的需求,可以在本地电脑中安装 nvm 来解决这个问题。

nvm 的全称是 Node.js Version Manager,翻译成中文就是 Nodejs 版本管理工具。通过 nvm 来管理不同的 Nodejs 版本是一个不错的选择。如果需要获取 nvm,可以通过 nvm 官网 来获取。

如果在自己电脑中不需要安装多个版本的 Nodejs,也可以在 Nodejs 官方网站 中下载对应的软件进行安装。

MAC 中安装 nvm

在 MAC 中安装 nvm,最好的方式就是通过 brew 来安装 nvm。

$ brew install nvm

通过上面的命令安装完成之后,在终端中使用 nvm 命令,会发现该命令无法使用。

$ nvm

zsh: command not found: nvm

出现这种问题的原因是没有设置环境变量。在设置环境变量的时候一定要使用超级管理员权限,也就是使用 sudo 来配置环境变量。

$ sudo vi /etc/profile

通过上面的命令打开配置文件之后,在文件的最后插入下面的代码 :

# For NVM
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

上面是使用 vi 来进行文件的编辑操作,vi 的保存命令是 :wq。可是使用该命令,无法保存,会出现提示说这个文件是只读的,无法进行编辑。这个时候就要使用强制保存了。

:wq!

环境变量完成修改之后,需要更新一下配置文件,这样才能使配置文件生效。

# 更新配置文件
$ source /etc/profile

所有的配置都已经设置好了,这个时候再终端中输入 nvm 命令就可以正常使用了。

$ nvm --version
0.33.6

此时需要安装一个 Node.js 的版本 :

$ nvm install v8.9.0

Windows 中安装 nvm

开始的时候,要准备安装包。安装包可以在 nvm官网 中获得 nvm-noinstall.zip。

获取安装包之后,解压压缩包到一个目录中 :

我的解压目录:D:\install\nvm
下面所有的内容都是根据这个目录做的配置。

在该目录下创建一个 setting.txt 文件,并根据目录生成下面的内容 :

root: D:\install\nvm
path: D:\install\nodejs
arch: 64
proxy: none
对参数的说明 :
  1. root nvm.exe 所在的目录
  2. path Node.js 快捷方式所在的目录
  3. arch 操作系统是多少位
  4. proxy 设置代理,none为不设置代理

为了使 nvm 命令生效,需要配置环境变量,首先创建环境变量 :

NVM_HOME       nvm.exe 所在的目录  D:\install\nvm
NVM_SYMLINK    Node.js 快捷方式所在的目录  D:\install\nodejs

环境变量创建完成之后,就要把环境变量加入到 Path 中,这样才能生效 :

;%NVM_HOME%;%NVM_SYMLINK%;

nvm 安装完成之后,就可以安装 Node.js 了 :

$ nvm install v8.9.0

如果想更改 npm 包的安装路径,可以修改 .npmrc 文件。

.npmrc 文件的路径可以通过打印该配置文件的信息来获取 :

# 打印 .npmrc 的内容,可以在这个内容中查看到配置文件的路径
$ npm config ls -l

修改 npm 包的安装路径(prefix)和包缓存的路径(cache),根据当前 nvm 安装目录,修改如下 :

cache=D:\install\nvm\npm-cache
prefix=D:\install\nvm\npm

修改完成之后,同样样配置环境变量,才能使配置生效 :

NPM_HOME  # npm包的安装路径  D:\install\nvm\npm
%NPM_HOME% # 在 Path 中插入新的环境变量

nvm 的使用

命令 说明
nvm ls 查看本地安装的所有 Node.js 的版本
nvm --version 查看 nvm 的版本
nvm install <version> 安装对应版本的 Node.js,如 nvm install 5.7.0
nvm uninstall <version> 卸载对应版本的 Node.js,如 nvm uninstall 5.7.0
nvm use <version> 使用指定版本的 Node.js,如 nvm use 5.7.0

nrm切换npm安装源

如果不愿使用 nrm 切换安装源,可以使用 yarn 来代替

在国内,使用 npm 安装包的时候,网速一般非常慢。如果想让网速快点,可以使用 nrm 来切换包的安装源地址来解决。

首先需要全局安装 nrm :

$ npm install nrm -g

nrm 的使用方式 :

命令 说明
nrm ls 列出所有的安装源
nrm test 测试所有安装源的响应时间,一般时间越短越好
nrm use taobao 使用名字为 taobao 的安装源
补充 : 如果不能正常安装,可以手动指定使用淘宝源
$ npm install -g nrm --registry=https://registry.npm.taobao.org

安装yarn

如果不愿安装 yarn,可以使用 nrm 来代替。

MAC 中安装 yarn,可以直接使用命令 :

$ brew install yarn --without-node

Windows 中安装 yarn,可以下载 安装包 之后,一直点击下一步。

安装完成之后,可以查看 yarn 的版本号 :

$ yarn -v
1.2.1

MAC 后续升级非常方便,只需要使用命令即可 :

$ brew upgrade yarn

Windows 升级,可能就需要重新下载安装包了。

npm与yarn命令对比

npm 命令和 yarn 命令还是有很多区别的,这里只列出常用的几个命令 :

npm yarn
npm install yarn install
npm install --save [package] yarn add [package]
npm install --save-dev [package] yarn add [package] [--dev/-D]
npm install --global [package] yarn global add [package]
npm uninstall --save [package] yarn remove [package]
npm uninstall --save-dev [package] yarn remove [package]

沫俱宏
763 声望33 粉丝

自己的肯定最重要,做任何决定,一定要从内心出发