m8524769 / vscode-ui5-xml

Syntax highlighting & Auto-complete for SAPUI5 XML view.

UI5 XML Support

Syntax highlighting & Auto-complete for SAPUI5 XML view.

Features

• Highlight the following syntax with JavaScript style in UI5 XML view:
  • Data Binding
  • Expression Binding
  • Member function calls, such as ".foo($event, {/name})"
  • Special event parameters, such as $source, $event, etc.
• Highlight UI5 controls with JSX component style.
• Auto-complete the binding information in data binding syntax.
• Auto-complete UI5 built-in CSS classnames.
• Auto-complete special event parameters.
• Auto-indent.
• Snippets for UI5 XML view/fragment template triggered with "ui5".

For Developers

npm i

Then run the VS Code Debugger to preview the functionality.

Generate the .vsix package

# Install the CLI tool globally
npm i -g vsce

# Compile the source code (Skip this step if the debugger is running)
npm run dev

# Bundle this extension with Webpack
npm run build:prod

# Build the package
vsce package