NodeJs的安装

无论是何种系统进行安装,都需要到其官网进行下载。

image-20200928171937938

Windows

Windows版本以Windows10 64位为例,为了方便我选择msi安装方式进行安装。

  1. 下载

    image-20200928172703010

  2. 安装步骤

    • 选择安装位置

      image-20200928173312063

    • 下一步

      image-20200928173338162

      接下来一路下一步即可。

  3. 验证是否安装成功

    image-20200928181405646

    终端内输入命令node -v即可验证node是否安装成功。输入npm -v即可验证npm是否安装成功。

Linux

  1. 下载安装包

  2. 如果是服务器,那么上传到服务器。如果是本地,那么直接解压即可。

    解压命令参考tar -xvf 文件名

  3. 切换用户,切换用户到root用户,并将解压出来的文件夹移动。

    1
    mv node /usr/local/src/
  4. 变基环境变量

    1
    2
    export NODE_HOME=/usr/local/src/node
    export PATH=$NODE_HOME/bin:$PATH

  5. 运行命令source /etc/profile使配置生效

多版本管理

对于node的多版本管理推荐使用nvm。其GitHub开源(Windows)地址:https://github.com/coreybutler/nvm-windows/releases

image-20200928183305331

为了方便起见推荐使用安装版本。

  1. 双击安装二进制文件进行安装

  2. 管理问题

    image-20200928183437109

    上面的原因是:nvm检测到已经安装了node12.18.4版本,正在询问是否使用nvm对这个版本进行管理。选择即可。

  3. 安装完成

    安装完成后,打开命令行输入nvm v即可看到安装的版本。

    image-20200928183628717

换源

npm默认使用的是官方源,在国内使用非常不便。为了便于国内开发者下载包,有热心的开发者提供了nrm,即对npm源管理的工具。

  1. 通过npm install -g nrm进行全局安装。

    image-20200928185057491

  2. 查看当前源

    1
    nrm ls

    image-20200928185152287

  3. 使用淘宝源

    1
    nrm use taobao

    image-20200928185225571

  4. 其他使用

    image-20200928185517613

NPM的替代工具YARN

简单来说,Yarn 是为了弥补 npm 的一些缺陷而出现的。

  1. 安装

    1
    npm install -g yarn

    image-20200928185930302

  2. 验证版本

    1
    yarn -v

    image-20200928190007147

  3. 使用介绍

    NPMYARN
    初始化npm inityarn init
    默认安装依赖npm installyarn install
    安装某个依赖并保存npm install xxxx -saveyarn add xxxx
    安装全局依赖npm install -g xxxxyarn global add xxxx
    移除依赖npm uninstall xxxx -saveyarn remove xxxx
    更新依赖npm updateyarn upgrade xxxx
    运行指令npm runyarn run

关于yarn全局安装

  1. 修改全局安装目录, 先创建好目录。例如我的目录F:\coding\nvm\yarn

    1
    yarn config set prefix F:\coding\nvm\yarn
  2. 修改全局安装目录的bin目录位置, bin目录需要自己创建或者全局安装一个插件后自己会生成。为了能全局使用安装出的命令,还需要将其(bin目录)加入环境变量

    1
    yarn config set prefix "F:\coding\nvm\yarn"	
  3. 修改全局缓存目录, 先创建好目录(cache), 和global放在同一层目录下

    1
    yarn config set cache-folder F:\coding\nvm\yarn\cache

    image-20201024111358451

  4. 全局安装

    1
    yarn global add xxx

源管理

yarn也有类似的工具,即yrm。

1
npm install -g yrm

image-20200928190956058

使用方式与nrm类似。