Each one of the commands list above are available on the command pallete (Ctrl+Shift+P or Cmd+Shift+P on Mac).
Also, some of the commands are available on right click context menu (group Quick Open File Functions)
mSeries Snippets
Right click on Module folder or inside module folder and select the command Create new Template here.
Tip: Visit the VS Code documentation and learn more about the build in commands, tasks, extensions. Documentation
Installing
Go to the Extensions Windows (Ctrl+Shift+X)
Click on the button ... and then click on Install from vsix
Select the file vscode-apps-builder-extension-(version)
Restart the IDE
Get up and running straight away
Open your project folder
Initialize the application by running the command palette by pressing (Ctrl+Shift+P or Cmd+Shift+P on Mac) and typing Mobile Apps : Initialize Project. This should create 4 files (projectSettings.json, tsconfig.json, deploySettings.json and ./.vscode/settings.json)
Open you project folder and delete the bin folder inside MSeriesAppsTemplates (this is a Apps Studio Trash directory)
Restart Visual Studio Code
Press Ctrl+P and type deploySettings.json. Open the file and configure the server url and your credentials
Press Ctrl+P and type projectSettings.json. Open the file and configure your mobile api version
Press F7 to Compile and Deploy the Application
Do a sync on your device and your device and you wil be ready to use your just deployed Mobile App
Debugging
Press Ctrl+P and type projectSettings.json. Open the file and check that the configuration project.debug is true. If not, turn it true and recompile the app with a full clean and deploy (Ctrl+Shift+P and type Mobile Apps : Clean And Deploy Project)
Press F5 to start the debugging server. If its the first time a new launch configuration request will open. On the command palette select Apps Debug. Leave everything as is. Hit F5 again.
Set breakpoints in your code to debug your mobile app
Connect the Android Client to the server by openning the application or tapping the Android Debug Notification
Find output from your extension in the debug console
Use the debug console to evaluate expressions
How to Use New Debug (Not on build yet)
This version is only available for mSeries Client >= 7.45
Press Ctrl+P and type projectSettings.json. Open the file and check that the configuration
project.debug is true. If not, turn it true and recompile the app with a full clean and deploy
(Ctrl+Shift+P and type Mobile Apps : Clean And Deploy Project)
Press F5 to start the debugging server. If its the first time a new launch configuration
request will open. On the command palette select Apps Debug V2. Leave everything as is. Hit F5 again.
Set breakpoints in your code to debug your mobile app
Connect the Client to the server by openning the application or tapping the Android Debug Notification or
iOS Debug Badge
Find output from your extension in the debug console
Use the debug console as a Log viewer (logHelper messages are displayed there)
Use the debug console to evaluate expressions
Note: * iOS Client makes possible to add breakpoint in any line location.
Android Client only allow to place breakpoints in mSeries API Calls, start, end and return statments of each method,
Extension Settings
This extension contributes the following settings (tsconfig.json, appsConfigs.json and serverDeloy.json):
project.mSeries.api: project library version
project.mobile.source: the path to source folder
project.debug: debug mode on or off
Note: All path settings can be absolute or relative
Note: You can also use variables ${keyName}
Run tests
TODO : we need to think about a easy way to run tests, show it results.
