JavaScript autocomplete with MII

Many modern web development editors are now able to provide some level of autocomplete for JavaScript similar to the functionality enjoyed by java/.net developers etc. Typically some import and configuration is required for the editor to be aware of the JavaScript libraries you may be using in your project.
For UI5 Robin van het Hof has written an excellent blog outlining how to get the UI5 or any JavaScript libraries into Webstorm. (note: there also appears to be a plugin available now as well).
This is pretty straight forward as the UI5 libraries are easily available for download via the open UI5 project. This is not the case for the MII libraries so how can we get them? This turns out to be relatively simple.

First create a new default irpt of html page in MII. Your page should only contain the script tag for the MII bootstrap.js file. It should look similar to this:

Then simply launch or load this page in the Chrome web browser. Select ‘Save page as..’ and save with a useful name like ‘MII.html’ and save as type ‘Webpage, complete’.
You should now have an html file and a directory. One is the html from your webpage and the directory contains all the JavaScript and css sources used by the page.

You may want to remove the UI5 sources and css files that were also pulled in if you plan import them separately. These are the sap-ui-core.js and library(*).css files. Now that you have the MII sources follow the instructions in Robin’s blog or for your specific development environment to import them and make them available in your preferred editor. You should then be able to enjoy autocomplete and api browsing with the MII javascript libraries.


A version of this blog was originally published here

xMII Guru LLC © 2015. All rights reserved.