在前端开发中，我们可能会需要使用一些在github上的开源项目，在这种情况下，我们可以通过npm包来方便地进行引用和安装。而nwtgck-installable-from-github就是一款能够让我们直接从github上安装依赖库的npm包。
安装
要安装nwtgck-installable-from-github包，只需要在命令行中输入以下命令：
npm install nwtgck-installable-from-github
使用
nwtgck-installable-from-github包提供了两种安装方式：
1. 直接从github上安装
要从github上直接安装一个开源项目，只需要按照以下格式输入命令：
npm install [username]/[repository]#[branch/tag/commit]
其中，username是github上的用户名，repository是指要安装的开源项目名称，branch/tag/commit是分支/标签/commit的名称，可以根据需要来指定。
例如，要安装vue.js的最新版本，可以输入以下命令：
npm install vuejs/vue#next
这将会安装vue.js最新版本的代码。
2. 直接从github的 zip 包安装
有时候，我们可能会需要从github的zip包中安装依赖库，这时候，我们可以按照以下格式输入命令：
npm install [github-zip-url]
其中，github-zip-url是github上zip包的地址，可以在github上直接下载该zip包。
例如，要安装google fonts的zip包，可以输入以下命令：
npm install https://github.com/google/fonts/archive/master.zip
这将会从github上下载google fonts的zip包并进行安装。
示例代码
下面是一个使用nwtgck-installable-from-github包的示例代码：
const gm = require("nwtgck-installable-from-github/gm#3.3.1")
const imageMagick = require("nwtgck-installable-from-github/imagemagick#6.9.11-57")
const googleFonts = require("nwtgck-installable-from-github/google/fonts#master")
console.log(gm.version())
console.log(imageMagick.version())
console.log(googleFonts)在这个示例代码中，我们分别使用了nwtgck-installable-from-github包来安装了三个不同的依赖库，包括GraphicsMagick、ImageMagick和Google Fonts。我们使用了不同的导入方式，例如使用了版本号指定来导入GraphicsMagick和ImageMagick，而使用了主分支来导入Google Fonts。我们使用console.log()函数来输出了GraphicsMagick和ImageMagick的版本号以及Google Fonts的引用。
总结
在前端开发中，通过安装开源项目来快速实现某些功能是很常见的需求。而使用npm包nwtgck-installable-from-github能够提供一种方便的方法，使我们可以直接从github上安装依赖库。在实际应用中，我们可以根据自己的需要来选择不同的安装方式。总的来说，nwtgck-installable-from-github包提供了一个方便、快捷的方式，帮助我们更好地完成前端开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672503660cf7123b362aa