VS Code Toolkit for Axway Titanium Development

bash.sh

# How to run Windows 10 apps
appc ti build -p windows -T ws-local

javascript.json

{
	// Place your snippets for JavaScript here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	"doLog log": {
		"prefix": "doLog",
		"body": [
			"doLog && console.log(LOG_TAG, '$1 - $0');",
		],
		"description": "Log output to console following Propelics best practices guideline"
	},
	"Colors": {
		"prefix": "colors",
		"body": [
			"Alloy.Globals.colors.$0"
		],
		"description": "Shortcut for alloy globals colors"
	},
	"Ti.UI.FILL": {
		"prefix": "fill",
		"body": [
			"Ti.UI.FILL,"
		],
		"description": "Shortcut for Ti.UI.FILL"
	},
	"Ti.UI.SIZE": {
		"prefix": "size",
		"body": [
			"Ti.UI.SIZE,"
		],
		"description": "Shortcut for Ti.UI.SIZE"
	}
}

macOS-settings.json

{
    "editor.fontFamily": "Anonymous Pro, Menlo, Monaco, 'Courier New', monospace",
    "editor.fontSize": 14,
    "workbench.welcome.enabled": false,
    "files.associations": {
        "*.jmk": "javascript"
    },
    "window.zoomLevel": 0
}

tss.json

{
	// Place your snippets for TSS here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	"Platform": {
		"prefix": "platform",
		"body": [
			"platform=$0"
		],
		"description": "Platform TSS filter"
	},
	"FormFactor": {
		"prefix": "formfactor",
		"body": [
			"formfactor=$0"
		],
		"description": "Form Factor TSS filter"
	},
	"Colors": {
		"prefix": "colors",
		"body": [
			"Alloy.Globals.colors.$0"
		],
		"description": "Shortcut for alloy globals colors"
	},
	"Ti.UI.FILL": {
		"prefix": "fill",
		"body": [
			"Ti.UI.FILL,"
		],
		"description": "Shortcut for Ti.UI.FILL"
	},
	"Ti.UI.SIZE": {
		"prefix": "size",
		"body": [
			"Ti.UI.SIZE,"
		],
		"description": "Shortcut for Ti.UI.SIZE"
	},
	"width": {
		"prefix": "width",
		"body": [
			"width: "
		],
		"description": "Shortcut for width"
	},
	"height": {
		"prefix": "height",
		"body": [
			"height: "
		],
		"description": "Shortcut for height"
	}
}

VS_Code_Settings_README.md

Snippets

To open up a snippet file for editing, open User Snippets under File > Preferences (Code > Preferences on Mac) and select the language for which the snippets should appear.

Snippets List:

• tss.json
• xml.json
• javascript.json

Extensions

For Titanium Development:

• Titanium, Alloy and JAST
• JSDuck Code Documentation

For Vue Development:

• Vue 2 Snippets

For Development:

• Open HTML in Browser
• Faker
• HTML Boilerplate
• Change Case
• Preview Regex
• Markdown to PDF

Settings

To open up the settings file, open Settings under File > Setting (Code > Preferences on Mac)

For macOS use the file macOS-settings.json and for Windows use windows-settings.json

Reference

• https://code.visualstudio.com/docs/editor/userdefinedsnippets

windows-settings.json

{
    "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
    "editor.tabCompletion": true,
    "files.associations": {
        "*.jmk": "javascript"
    }
}

xml.json

{
	// Place your snippets for XML here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	"Platform": {
		"prefix": "platform",
		"body": [
			"platform=\"$0\""
		],
		"description": "Platform filter"
	},
	"Window Top Level": {
		"prefix": "window",
		"body": [
			"Window id=\"window\">",
			"</Window"
		],
		"description": "Windows with the id window"
	},
	"Wrapper view": {
		"prefix": "wrapper",
		"body": [
			"View id=\"wrapper\">",
			"</View"
		],
		"description": "View with the id wrapper "
	}
}