Editor
To accelerate the build experience, has a YAML editor that includes IntelliSense for code completion, predefined code snippets, and preloads with scaffolding ready to add your files in the correct structure needed to build app solutions.
By default creates scaffolding when loading a new project in . We recommend avoiding naming new files in the scaffolding with the same name. Words that are used by the system includes actions, components, jig, databases, datasources, functions, and index.
Folder | Default File | Description |
.vscode | settings.json | Relates to your solution and contains internal parameter settings required by runtime. This file's scope is local (workspace) and applies to the current solution. For more information, see VS code settings. |
databases | default.jigx | You can use the default.jigx file to define the tables in the Dynamic Data Provider. |
datasources | | Create global data files with .jigx extension- these are available for use in your whole solution to any of the s. |
functions | myfirstfunction.jigx | You can build logic into your solution by adding functions to get or update data from a remote service, such as REST Functions or SQL Functions. |
jigs | myfirstjig.jigx | The jigs folder is where you create all the files used to configure the screens for the app on your mobile device. You can create sub-folders inside the jigs folder for categorization. All files in the jigs folder must have the .jigx extension, e.g., leave-form.jigx |
translations | | Create files for various languages using localization, then reference the file in your using the Text Locale property with id: file name. For more information, see Localization. |
| index.jigx | The index.jigx file is the home screen for the app. It uses widgets to determine the layout in different sizes. See Home Hub Experience and Index settings for more information. |
To invoke IntelliSense press the control and spacebar (ctrl+space) keys simultaneously. Only valid options in the current cursor context are displayed in the code popup. Selecting an option from the IntelliSense menu will load the code snippet with the necessary properties for that option.
Code snippets are there to help you develop quicker by providing you with recommended properties to use for a type, component, action, or widget. You do not need to use all the code snippets provided; you can remove the unwanted properties.
validates the structure and values in the .jigx YAML files and shows the issues that you need to fix.
Validation issues are shown in:
- The file name in the side bar will be red, with the number of issues in the file shown by a red number on the right of the file name.
- Red squiggles appear under the YAML. Hover over the YAML for more information, if we can detect what the value should be we offer a quick-fix link. Clicking on the link will fix the issue and resolve the validation.
- In the Problems tab of the Dev tools window, the file and a description of the issue is shown. Click on the item to go to the exact ssue in the file
Validation does not always prevent you from publishing your solution. The solution on the mobile app might not function as expected if the validation issues are not resolved.
