安装 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
对参数的说明 :
-
root
nvm.exe 所在的目录 -
path
Node.js 快捷方式所在的目录 -
arch
操作系统是多少位 -
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] |