How to manually download and install SAP Fiori tools - Extension Pack for Visual Studio Code

The out-of-the-box features included in Visual Studio Code are just one of the most basic editing capabilities that Visual Studio Code provides to web developers.VS Code extensions allow developers to add languages, debuggers, and tools to their local installation to support their development workflow.VS Code's rich extensibility model allows extension authors to plug directly into the VS Code UI and contribute functionality through the same APIs that VS Code uses.This article explains how to find, install, and manage VS Code extensions from the Visual Studio Code Marketplace.

A friend follows the steps described in my tutorial SAP UI5 Local Development Environment Construction, when installing SAP Fiori tools - extension pack directly online in Visual Studio Code:

Some errors were encountered that prevented the online installation from being successful:

Error message:

Error while installing SAP Fiori tools - Extension Pack extension. Please check the log for more details.

If the online installation fails due to network reasons, you can also download and install the extension manually.

Open this link:

Click Download Extension on the right to download the extension locally in .vsix format.

Then in Visual Studio Code, View->Extensions:

Then click ..., select Install from VSIX in the menu, import the vsix file downloaded manually before, and you can install it manually.

If you encounter this error during manual installation:

Change the locally downloaded .vsix to .zip, then unzip it and enter the extension folder:

Make sure that the package exists in the folder.json this file:

If it still doesn't work, please check that the version of Visual Studio Code you are using is the same as Jerry's 1.48.2: