Extension
Extensions
This section provides basic instructions on how to manage extensions in the new IDE, including installing, enabling, disabling, updating, and uninstalling extensions.
1. Opening the Extensions Marketplace
To manage extensions, follow these steps:
Click on the Extensions icon in the Activity Bar (left sidebar).
The Extensions Marketplace will open, displaying a list of installed extensions.
2. Installing an Extension
Open the Extensions Marketplace.
Use the Search Bar at the top to find the desired extension.
Click on the extension from the search results.
Click "Install" to install the extension.
The installation progress will be displayed, and once completed, the extension will be available for use.
3. Enabling and Disabling Extensions
Enable an Extension
Open the Extensions Marketplace.
Locate the extension under Installed extensions.
Click "Enable" if the extension is disabled.
The extension will now be active.
Disable an Extension
Open the Extensions Marketplace.
Locate the extension under Installed extensions.
Click "Disable" to deactivate the extension.
The extension will be disabled but not removed.
4. Updating an Extension
Open the Extensions Marketplace.
Check if any installed extensions have an "Update" button next to them.
Click "Update" to install the latest version.
The extension will be updated automatically.
5. Uninstalling an Extension
Open the Extensions Marketplace.
Locate the extension under Installed extensions.
Click "Uninstall".
The extension will be removed from the IDE.
Example: Enabling Syntax Highlighting for Vue Files
In this example, we will enable the "Vue - Official" extension to enable syntax highlighting for Vue files.
By default, the IDE only provides syntax highlighting for basic file types such as HTML, CSS, and JavaScript. If you open a Vue (.vue) file, syntax highlighting will not be applied.
Before Installing the Vue Extension
In the screenshot below, the "App.vue" file is opened, but the syntax is not highlighted.
Installing the Vue Extension
To enable syntax highlighting for Vue files, follow these steps:
Open the Extensions Marketplace.
In the search bar, type "Vue highlight".
A list of extensions related to Vue will appear.
Read the descriptions and choose an extension that provides syntax highlighting.
Look for an extension with high download numbers and positive user feedback to ensure reliability and security.
In this case, we selected "Vue - Official" because it is a trusted extension used by many developers.
Activating the Extension
Click "Install" and wait for the installation to complete.
Reload the browser to apply the changes.
Reopen the Vue file to see the updated syntax highlighting.
After Installing the Vue Extension
Now, the Vue syntax highlighting is properly applied.
Notes
Always verify the extension details before installing to ensure security and compatibility.
Some extensions may require a browser reload or IDE restart to take effect.
If an extension does not work as expected, try disabling and re-enabling it.
Certain extensions may not be fully compatible with this IDE.
Free-plan users may have limitations on available extensions.
Last updated