Create a new ActionScript project in Visual Studio Code that targets Apache Royale

Jump to bottom

Josh Tynjala edited this page Jan 25, 2018 · 9 revisions

Install the ActionScript & MXML extension for Visual Studio Code.
Create a new directory for your project, and open it in Visual Studio Code.

To open a directory, select the File menu → Open... or click Open Folder button in the Explorer pane.
Set your workspace's SDK to Apache Royale.

Create a file named asconfig.json at the root of your project, and add the following content:

{
	"compilerOptions": {
		"targets": [
			"JSRoyale"
		]
	},
	"files": [
		"src/Main.mxml"
	]
}

Create directory named src.

Inside src, create a file named Main.mxml, and add the following code:

<?xml version="1.0" encoding="utf-8"?>
<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
	xmlns:js="library://ns.apache.org/royale/express">
	<js:initialView>
		<js:View>
			<js:Label text="Hello World" x="100" y="100"/>
		</js:View>
	</js:initialView>
</js:Application>

Next Steps