如何从 github 编译第三方扩展?

How to compile a third party extension from github?

我从来没有在任何 vscode 扩展中工作过 nodejs/npm

我正在尝试编译此扩展: gutter-preview

我已经下载nodejs,安装好,然后下载扩展源,打开cmd:

cd 'folder where is the extension src' > npm install package.json

它安装并创建了一个文件夹node_modules

我做得对吗?下一步是什么?

  1. 最简单的方法是从 VSCode 中的扩展目录,您可以使用以下三种方法之一打开它:
    一种。查看 > 扩展
    b.在边栏中,单击扩展程序图标
    C。 CTRL + Shift + x

然后用引号搜索“gutter preview”,你会得到一个名为 Image Preview 的结果,这是扩展,只需单击安装。

  1. 另一种方式是访问这个url
    https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview。 然后按右侧的 'Download Extension',下载文件,然后在 vscode 中打开命令托盘(CTRL + Shift + p)并输入: extensions install from vsix,单击该命令,然后选择您刚刚下载的 .VSIX 文件。

  2. 最后,如果您必须从 github 存储库执行此操作,那么在您 运行 npm install 所在的目录中找到 node_modules目录,运行 npm run webpack-prod(在项目文件夹根目录下的 package.json 文件中指定的命令,它描述了如何构建应用程序)。然后你应该在项目中的./dist/extension目录中找到一个.VSIX文件,你在生成的.VSIX文件

    上应用步骤2

要遵循的过程与任何扩展开发一样。当您准备好构建扩展包的代码时,请遵循 publishing guidelines.

但是,您无需真正发布下载的扩展,只需使用以下方法构建包:

vsce package(另请参阅本页的“用法”部分)

如果您需要调试扩展代码,请遵循 Your First Extension page (jumping over the sections that explain how to create the initial extension code). See also the follow up pages like Extension Anatomy,其中解释了您可能需要的更多详细信息。