Ubuntu安装Node.js和npm

2020-12-08 11:51:54

参考地址 如何在Ubuntu 20.04上安装Node.js和npm

Node.js是基于Chrome的JavaScript构建的跨平台JavaScript运行时环境,npm是Node.js的默认程序包管理器,也是世界上最大的软件注册表。本篇文章展示了三种在Ubuntu 20.04服务器上安装Node.js和npm的方法。


Node.js是基于Chrome的JavaScript构建的跨平台JavaScript运行时环境,旨在在服务器端执行JavaScript代码。它通常用于构建后端应用程序,但也作为全栈和前端解决方案而流行。npm是Node.js的默认程序包管理器,也是世界上最大的软件注册表。

在本教程中,我们将探讨在Ubuntu 20.04上安装Node.js和npm的三种不同方式:

  • 来自标准的Ubuntu存储库。这是在Ubuntu上安装Node.js和npm的最简单方法,对于大多数用例来说应该足够了。Ubuntu存储库中包含的版本是10.19.0

  • 从NodeSource存储库。如果要安装与Ubuntu存储库中提供的版本不同的Node.js版本,请使用此存储库。目前,NodeSource支持Node.js的v14.xv13.xv12.x,和v10.x

  • 使用nvm(节点版本管理器)。该工具允许您在同一台计算机上安装多个Node.js版本。如果您是Node.js开发人员,那么这是安装Node.js的首选方式。

选择适合您的环境的安装方法。如果不确定要安装哪个Node.js版本,请查阅要部署的应用程序的文档。

从Ubuntu存储库安装Node.js和npm

在撰写本文时,Ubuntu 20.04存储库中包含的Node.js版本10.19.0是以前的TLS版本。

安装非常简单。运行以下命令以更新软件包索引并安装Node.js和npm:

sudo apt update
sudo apt install nodejs npm

上面的命令将安装许多软件包,包括从npm编译和安装本机插件所需的工具。

完成后,通过运行以下命令验证安装:

nodejs --version

输出:

v10.19.0

从NodeSource安装Node.js和npm

NodeSource是一家致力于提供企业级Node支持的公司。它维护一个包含多个Node.js版本的APT存储库。如果您的应用程序需要特定版本的Node.js,请使用此存储库。

在撰写本文时,NodeSource存储库提供以下版本:

  • v14.x-最新的稳定版本。

  • v13.x

  • v12.x-最新的LTS版本。

  • v10.x-先前的LTS版本。

我们将安装Node.js版本14.x:

1.以具有sudo特权的用户身份运行以下命令,以下载并执行NodeSource安装脚本:

curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -

该脚本会将NodeSource签名密钥添加到您的系统,创建apt储存库文件,安装所有必需的软件包,并刷新apt缓存。

如果需要其他的Node.js版本,比如12.x,改变setup_14.xsetup_12.x

2.启用NodeSource存储库后,安装Node.js和npm:

sudo apt install nodejs

nodejs软件包包含nodenpm二进制文件。

3.通过打印它们的版本来验证Node.js和npm是否已成功安装:

node --version

输出:

v14.2.0
npm --version

输出:

6.14.4

为了能够从npm编译本机插件,您需要安装开发工具:

sudo apt install build-essential

使用NVM安装Node.js和npm

NVM(节点版本管理器)是一个bash脚本,可让您基于每个用户管理多个Node.js版本。使用NVM,您可以安装和卸载要使用或测试的任何Node.js版本。

访问nvm GitHub存储库页面并复制curlor wget命令以下载并安装nvm脚本:

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

不要使用sudo它,因为它将nvm为root用户启用。

该脚本会将项目的存储库从Github复制到~/.nvm目录:

=> Close and reopen your terminal to start using nvm or run the following to use it now:

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

如上输出说,你要么关闭并重新打开终端或运行命令的路径添加nvm脚本到当前的shell会话。您可以做对自己更轻松的事情。

将脚本放入您的中后PATHnvm输入以下命令来验证该脚本是否已正确安装:

nvm --version

输出:

0.35.3

要获取可以通过安装的所有Node.js版本的列表nvm,请运行:

nvm list-remote

该命令将显示所有可用Node.js版本的庞大列表。

要安装Node.js的最新可用版本,请运行:

nvm install node

输出应如下所示:

...
Checksums matched!
Now using node v14.2.0 (npm v6.14.4)
Creating default alias: default -> node (-> v14.2.0)

安装完成后,通过打印Node.js版本进行验证:

node --version

输出:

v14.2.0

让我们再安装两个版本,即最新的LTS版本和version 10.9.0

nvm install --lts
nvm install 10.9.0

您可以通过键入以下命令列出已安装的Node.js版本:

nvm ls

输出应如下所示:

>      v10.9.0
       v12.16.3
        v14.2.0
default -> node (-> v14.2.0)
node -> stable (-> v14.2.0) (default)
stable -> 14.2 (-> v14.2.0) (default)
iojs -> N/A (default)
unstable -> N/A (default)
lts/* -> lts/erbium (-> v12.16.3)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.20.1 (-> N/A)
lts/erbium -> v12.16.3

右边带有箭头的条目> v10.9.0是当前Shell会话中使用的Node.js版本,默认版本设置为v14.2.0。默认版本是打开新Shell时将激活的版本。


nvm use 12.16.3

输出:

Now using node v12.16.3 (npm v6.14.4)

要更改默认的Node.js版本,请运行以下命令:

nvm alias default 12.16.3

有关如何使用nvm脚本的更多详细信息,请访问项目的GitHub页面。

结论

我们向您展示了三种在Ubuntu 20.04服务器上安装Node.js和npm的方法。您选择的方法取决于您的要求和偏好。即使从Ubuntu或NodeSource存储库安装打包版本更容易,但nvm方法仍为您提供了更大的灵活性,可以按用户添加和删除不同的Node.js版本。


  • 2020-04-17 09:27:38

    推荐一个老前端开发者的博客

    前端修炼场,首页标签大全greenSock前端研究VUE研究我们的作品flash技术探讨开发心得个人档案培训与招聘服务报价

  • 2020-04-17 09:41:47

    前端css博客推荐

    这个博客有大量的css内容,有svg,TweenMax等教程,抽空通读一下

  • 2020-04-17 10:20:47

    GreenSocks Animation Platform详细工作机制以及TweenMax用法

    GSAP(GreenSocks Animation Platform)是一个性能较好的前端动画库。最近在写一个前端SVG动画编辑器时选择了它作为底层的动画库。为了减少踩坑,我大致浏览了它的源代码,这篇文章主要是对我的理解进行记录。 我会先简单介绍一下这个动画库的API,再介绍它的插件机制,最后会从一个用例出发跟踪其运行机制。

  • 2020-04-17 10:39:02

    CSS 滤镜技巧与细节,实现火焰,融合等特效

    简单来说,CSS 滤镜就是提供类似 PS 的图形特效,像模糊,锐化或元素变色等功能。通常被用于调整图片,背景和边界的渲染。本文就会围绕这些滤镜展开,看看具体能怎么使用或者玩出什么花活。

  • 2020-04-17 10:42:29

    (三)TweenMax运动效果

    运动效果 实例化对象.set() 立刻运动到指定地点,不用加时间

  • 2020-04-17 11:19:55

    Vue中的is和操作DOM

    vue中is的属性引入是为了解决dom结构中对放入html的元素有限制的问题,譬如ul里面要接上li的标签,引入is的属性后,你完全可以写成这样

  • 2020-04-17 11:27:48

    TweenMax中文初级教程一

    TweenMax.js集成了GreenSock动画平台的大部分核心功能,且具有极高的兼容性。

  • 2020-04-17 11:28:35

    TweenMax中文初级教程二

    TimelineMax是GreenSock 动画平台中的动画组织、排序、管理工具,可创建时间轴(timeline)作为动画或其他时间轴的容器,这使得整个动画控制和精确管理时间变得简单,避免了通过反复delay和回调进行动画。 作者:李霖弢 链接:https://www.jianshu.com/p/8c0361e43bf5 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

  • 2020-04-17 11:28:57

    TweenMax中文初级教程三

    动画关键词:CSS(一般可以省略) CSSPlugin用于在TweenMax中对DOM元素的CSS相关属性进行动画 在CSSPlugin中CSS属性需要写成驼峰式,例如font-size应当写作fontSize。有时候你可以在一些默认px为单位的属性中省略单位,CSSPlugin还可以在不同的单位间做动画:

  • 2020-04-17 11:29:23

    TweenMax中文初级教程四

    用于滚动窗口(类似于window.scrollTo(x, y))或DOM元素(如myDiv.scrollTop = y; myDiv.scrollLeft = x;)。滚动窗口时使用window作为动画目标。