如何用NPM下载JavaScript库/包

1,080 阅读4分钟

包含预先写好的代码,开发人员可以将其与自己的代码集成,以执行不同的操作,否则就需要他们编写大量复杂的代码。

可以包含库、子包和其他文件。在某些语言中,库和包是同一种东西。

什么是NPM?

NPM是NodePackage Manager的缩写,是一个用于node.js包的包管理器,用于下载和集成包到JavaScript代码中。这些包包含一个模块(库)所需的所有文件。

NPM是JavaScript生态系统的一个组成部分,包含许多开源软件、库、模块或包。它使编写代码变得更加容易,因为开发人员可以依靠已经编写的代码来执行不同的动作。

如何下载NPM?

NPM是与node.js一起的;当你安装node.js时,它会自动安装在你的系统上。所以我们首先需要从他们的官方网站上安装node.js。

nodejs.org/en/download…

访问上面给出的链接,下载node.js的LTS(推荐)版本。一旦下载完成,在你的系统中安装node.js。一旦node.js成功安装到你的系统中,NPM将自动安装。

你可以在命令提示符(cmd)中运行下面的命令,以验证node.js和NPM是否已经正确安装在你的系统中。

> Node -v
> Npm  -v

如何使用NPM下载包?

现在我们将使用NPM下载一个包,这是一个非常简单的过程。要使用NPM下载任何包,首先打开终端,然后使用以下语法。

> npm install [package_name]

在这个例子中,我们将安装Chalk包,该包用于为显示在控制台中的文本设置样式。

> npm install chalk

NPM创建了一个新的文件夹,名称为(如果它不存在的话)"node_modules",以存储该包。现在,你所有下载的软件包都将存储在这个文件夹中。

为了验证你的软件包是否安装成功,请运行下面给出的命令。

> ls node_modules

如何用NPM在全球范围内下载软件包

上面给出的方法只在本地安装NPM包,这意味着当前项目只能访问该包。如果你想安装一个NPM包,让你系统中的任何项目都可以访问,那么请使用以下语法。

> npm install -g [package_name]
> npm install -g upper-case

如何使用该包

一个NPM包可以通过以下方式集成到JavaScript源代码中。

const upper_case = require('upper-case');

console.log(upper_case.upperCase("Hello Linux Hint!"));

正如你们大多数人可能已经知道的那样,Node.js是一种服务器端技术。因此,当我们试图在浏览器中运行上面给出的代码时,会出现以下错误。

我们可以通过安装任何能够处理浏览器中 require()函数的所有依赖关系的工具来消除这个错误。这里我们将使用一个名为Browserify的工具。要安装Browserify,请运行以下命令。

npm install -g browserify

现在用下面的命令把你的源代码做成一个文件,其中所有的依赖关系都已解决。

> browserify source-code_file-name.js -o bundle.js

(你必须在每次对原始源代码做任何修改时运行上述命令)

如果你在运行上述命令时出现错误,那么请打开windows power shell,在使用上述命令之前使用下面给出的命令。

> Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy Unrestricted
> Set-ExecutionPolicy RemoteSigned

[这些命令使你面临巨大的安全风险,因为它们使你能够在你的系统上运行未知的脚本] 。

现在再次运行上面提到的命令;这次应该可以了。现在,在HTML文件头中用bundle.js替换你的源码文件名中的脚本源,并再次运行代码。这次代码将正常运行,不会出现任何错误。

结论

库和包包含一些代码集,开发者在构建自己的代码时可以调用这些代码。它们执行开发人员在自己的代码中可能需要的操作。它们是为了与别人的代码集成,并被别人使用。

在这个指南中,我们已经学会了如何使用NPM下载、安装和使用软件包。由于NPM包是一种服务器端技术,它们需要额外的工具才能在浏览器上运行。