npm 包 open-source 使用教程

随着互联网技术的不断进步，Web 前端开发也越来越重要，前端技术在各个行业中占据着越来越重要的地位。而在 Web 开发领域中，npm 是一个非常重要的工具，它使得我们可以更加方便地管理第三方包、引入依赖、打包等等。本文将介绍如何通过 npm 使用开源软件包，旨在帮助前端开发者更好地利用开源工具提升自己的开发效率和实用性。

什么是 npm 包

npm包是Node.js社区通过npm向开发者发布的可重用代码组件，可以便捷地被其他开发者调用。npm包也是指开发者编写的遵循npm管理规范的Web前端模块。现在，npm已成为Node.js包管理器的事实标准，同时也是一种开源的软件生态系统，它提供了一组可以重复使用的独立组件，方便各个开发者或工程师使用。

如何使用在 npm 上发布的开源包

借助 npm 包，我们可以轻松打包和共享我们的代码，以便更好地重用它们。下面我们将介绍如何使用在 npm 上发布的开源软件包：

第一步：安装 Node.js 和 npm

首先，你需要安装 Node.js。安装过程中会自带安装 npm，可以通过以下命令验证：

node -v
npm -v

如果都输出了版本号，说明安装成功了。

第二步：查找需要使用的包

进入 npmjs.com，在搜索框中输入需要使用的包。

根据需要使用的版本号、关键词等属性选择需要的包，npm 自带的搜索机制可以帮你实现高度准确的搜索结果。

第三步：安装包

安装包很简单，只需要在命令行执行以下命令即可：

npm install <package-name>

例如，要安装 jQuery 包，只需要执行以下命令：

npm install jquery

如果你需要安装特定版本的包，可以使用以下命令，其中 @version 为所需版本：

npm install <package-name>@<version>

比如你需要安装 React v16.8.0 版本，就可以执行以下命令：

npm install react@16.8.0

第四步：使用包

使用安装好的包很简单，只需要在脚本中引用它即可，例如在 HTML 文件中引用 jQuery：

-- -------------------- ---- -------
--------- -----
------
  ------
    ------------- ------------
    ------- ------------------------------------------------------
  -------
  ------
    --------
      ---------------------------- -
         ------------------ ----------
      ---
    ---------
  -------
-------

在 node.js 代码中使用任何包，都需要先引入包：

const jquery = require('jquery');

至此，你就已经成功地安装了 npm 包。接下来是更多关于 npm 包的深入学习和指导意义。

常用的 npm 命令

npm 提供了许多命令行工具，这里列举一些常用的 npm 命令：

如何创建一个自己的 npm 包

接下来，我们将步进如何创建自己的 npm 包。以创建一个输出 Hello World 的 npm 包为例：

第一步：创建一个新的文件夹，并初始化新的 npm 包

首先，创建一个新的文件夹，并在终端中进入该文件夹。接下来，执行以下命令来初始化 npm 包：

npm init

在执行该命令后，将会提示你输入许多项目配置信息，例如作者姓名，项目版本号，项目简介等等。你可以根据你创建的包的需求来填写这些信息，若使用默认值则一路回车即可。

第二步：创建一个 JavaScript 文件

在包的根目录下，创建一个名为 index.js 的 JavaScript 文件，并添加以下代码：

module.exports = function() {
  console.log('Hello World');
};

第三步：将包发布到 npm 存储库

接下来，你需要添加一些必需的文件来发布你的 npm 包。在包根目录下新建一个 .npmignore 文件，将以下文件添加进去，注意：这些文件不会被包括在你的发布、提交，也不会被包括在包里头：

node_modules/
npm-debug.log
*.log
*.iml
.idea
Desktop.ini
Thumbs.db

接下来，在命令中执行以下命令，将包发布到 npm 仓库里：

npm publish

至此，你已经成功地创建了自己的 npm 包。

结论

npm 包在前端开发中扮演着重要的角色，可以帮助我们更好地重用和管理代码。本文介绍了如何使用在 npm 上发布的开源软件包，以及如何创建自己的 npm 包。同时，我们也介绍了一些常用的 npm 命令。相信通过本文的指导，您已经掌握了 npm 包的基本使用方法，现在你可以在你的 Web 前端开发中更加轻松高效地使用 npm 包来管理你的代码了。

参考资料：

• npm 官方文档
• npm包管理器有什么作用？

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600551f481e8991b448cf762