如何从 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
我做得对吗?下一步是什么?
- 最简单的方法是从 VSCode 中的扩展目录,您可以使用以下三种方法之一打开它:
一种。查看 > 扩展
b.在边栏中,单击扩展程序图标
C。 CTRL + Shift + x
然后用引号搜索“gutter preview”,你会得到一个名为 Image Preview 的结果,这是扩展,只需单击安装。
另一种方式是访问这个url
https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview。
然后按右侧的 'Download Extension',下载文件,然后在 vscode 中打开命令托盘(CTRL + Shift + p)并输入:
extensions install from vsix
,单击该命令,然后选择您刚刚下载的 .VSIX 文件。
最后,如果您必须从 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,其中解释了您可能需要的更多详细信息。
我从来没有在任何 vscode
扩展中工作过 nodejs/npm
我正在尝试编译此扩展: gutter-preview
我已经下载nodejs
,安装好,然后下载扩展源,打开cmd:
cd 'folder where is the extension src' > npm install package.json
它安装并创建了一个文件夹node_modules
我做得对吗?下一步是什么?
- 最简单的方法是从 VSCode 中的扩展目录,您可以使用以下三种方法之一打开它:
一种。查看 > 扩展
b.在边栏中,单击扩展程序图标
C。 CTRL + Shift + x
然后用引号搜索“gutter preview”,你会得到一个名为 Image Preview 的结果,这是扩展,只需单击安装。
另一种方式是访问这个url
https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview。 然后按右侧的 'Download Extension',下载文件,然后在 vscode 中打开命令托盘(CTRL + Shift + p)并输入:extensions install from vsix
,单击该命令,然后选择您刚刚下载的 .VSIX 文件。最后,如果您必须从 github 存储库执行此操作,那么在您 运行
上应用步骤2npm install
所在的目录中找到node_modules
目录,运行npm run webpack-prod
(在项目文件夹根目录下的package.json
文件中指定的命令,它描述了如何构建应用程序)。然后你应该在项目中的./dist/extension
目录中找到一个.VSIX
文件,你在生成的.VSIX
文件
要遵循的过程与任何扩展开发一样。当您准备好构建扩展包的代码时,请遵循 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,其中解释了您可能需要的更多详细信息。