This is about some basic customization of SAP Business Application Studio for Fiori and CAP development.

You can read about the installation of many required extensions in VSCode (which are already added when creating BAS workspaces) in Setup Local Dev Environment for Fiori/UI5 Development on Windows 10/11.

Color Theme

You can set themes at the bottom left corner.

image-2 Business Application Studio / VSCode - the Fine Tuning

New themes can be installed in the Extensions pane.

One of the eye relaxing dark themes is Regard.

image Business Application Studio / VSCode - the Fine Tuning
image-1-1024x636 Business Application Studio / VSCode - the Fine Tuning

File Icon Theme

Not only the basic color scheme, but the File Icon Theme can be customized also.

One of the coolest icon themes rendering different icons for the different files types is the Material Icon Theme.

image-3 Business Application Studio / VSCode - the Fine Tuning

The good in this that it keeps the node open/closed status easily recognizable, not like many others, which does not have this feature, but rather shading the icon color.

image-4 Business Application Studio / VSCode - the Fine Tuning

Recognizing missing i18n texts in CAP Projects

This a feature can be enabled under settings. It warns You about hard coded texts.

image-5-1024x255 Business Application Studio / VSCode - the Fine Tuning

Number of Integrated Terminal lines

CAP dumps out tons of lines when running and testing locally in the workspace. The default setting is not enough and You’ll miss key information. Increase the Integrated Scrollback to overcome this limitation, so that no information is lost which is valuable during debug.

image-6 Business Application Studio / VSCode - the Fine Tuning

Showing and Running NPM Scripts

Opening the package.json or manually running npm scripts from terminal is possible, but You have an alternative shortcut for Your ready scripts. Just enable the NPM Script panel.

image-7 Business Application Studio / VSCode - the Fine Tuning
image-8 Business Application Studio / VSCode - the Fine Tuning

Share this content: