简介
npm 是一个 Node.js 的包管理工具，用于帮助前端开发者管理项目中的第三方模块以及自己编写的模块。在开发过程中，我们可能会需要使用一些特定的功能，而这些功能有时候并不是原生支持的，这时候我们可以通过使用别人制作好的 npm 包来实现。
就拿 Chrome 浏览器插件来说，我们可以使用 justo.plugin.chrome 这个 npm 包来快速创建 Chrome 插件。
安装
在使用 justo.plugin.chrome 之前，需要先安装 Node.js 环境，然后使用 npm 命令安装 justo.plugin.chrome 包。在控制台中输入以下命令：
npm install justo.plugin.chrome --save
使用方法
创建插件
使用以下命令创建一个名为 myChromePlugin 的 Chrome 插件：
node_modules/.bin/justo create plugin --template chrome myChromePlugin
安装插件
使用以下命令安装插件：
node_modules/.bin/justo install chrome myChromePlugin
运行插件
使用以下命令运行插件：
node_modules/.bin/justo run chrome myChromePlugin
代码示例
background.js
默认的 background.js 文件如下：
chrome.runtime.onInstalled.addListener(function() {
console.log('My Chrome Plugin installed');
});manifest.json
默认的 manifest.json 文件如下：
-- -------------------- ---- -------
-
------- -----------------
-------------- --- ----- ------ --------
---------- ------
------------------- --
-------------- -------- --------------
------------- -
---------- ------------------
------------- -----
--
----------------- -
---------------- ------------
--
-------- -
----- --------------
----- --------------
----- --------------
------ --------------
--
-------------------------- ----------- ------ -------------- ---------- -------
-在以上示例代码中，我们可以看到 background.js 文件和 manifest.json 文件的结构以及用法。各个字段的含义可以参考 Chrome 插件官方文档。
总结
使用 npm 包 justo.plugin.chrome，我们可以快速创建出自定义的 Chrome 插件。本文介绍了该包的安装方法和使用方法，并提供了示例代码，希望能对前端开发者们有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005677981e8991b448e3dfd