UI5 code completion in *.js files for WebStorm
Of course there’s the WebIDE that provides helpful code completion features when editing UI5 controllers (
*.js) or views (
Then there’s WebStorm, the IDE of choice for many developers – for various reasons: from support of a large tooling ecosystem up to killer editing features (
ctrl+G!). But WebStorm is unfortunately (still) lacking native UI5 support…so, community to the rescue!
- Mark Schmale has written https://plugins.jetbrains.com/plugin/9427-ui5-helper that helps with navigating within UI5 projects in WebStorm
- Christian Schuff has authored ui5-schemas, providing auto completion for editing XML views.
What’s missing? Right, UI5 code completion for Controllers/JS-files. Until today 🙂
Here you go: ui5-codecompletion, a node module helping to provide…well…code completion when editing UI5 *.js-files in WebStorm.
- Install the npm module:
npm install -g ui5-codecompletion
- navigate to your UI5 project root dir in a shell:
- in the shell, fire away:
- (watch & wait)
- do the one-time WebStorm config as described in https://github.com/vobujs/ui5-codecompletion#download-install-and-configure-ui5-lts-version
- Open up
ctrl+SpaceUI5 code completion
Now go code faster as never before 🙂