Requirements
This tutorial assumes that the user has some basic familiarity with VS Code, has an Appcelerator account, and has the necessary emulators and/or simulators set up on your machine.
Android emulators
After completing emulators guide, you'll need to go back into VC Code, click on the Titanium Explorer icon and click the Refresh Devices icon . You should now see the installed emulators for Android.
iOS simulators
After completing simulators guide, go back to VS Code and click on the Titanium Explorer icon and click the Refresh Devices icon . You should now see the installed iOS simulators.
Set up the project
- Create a new workspace.
- Add a folder (create a new one just for this project).
- Create a new project (cmd/ctrl + shift + p and type in "Titanium: Create Titanium Application" (or just "Titanium") in the command palette). Note: If
you're not logged into Appcelerator, the wizard will ask you to log in.
A terminal will be opened and you can provide your Appcelerator credentials
to log in.
- Enter the name of the app of
Hello World
. - Enter the name of the application ID:
com.appcelerator.helloworld
- Choose which platform(s) you wish to build for and click Ok. Note: if you pick one or more platforms (Android and iOS), you'll need
to ensure that you have all the necessary components installed on your
machine to continue with developing and test on those platforms.
- Skip enable services for this tutorial as we won't be using it.
- Set the directory for the project.
- Wait a moment while VS Code extension creates the project. You can see
the extension working in the bottom right corner.
- Once the project has been created, VS Code will ask you if you want to open the project. Click Open Project and it will open in another window.
Modify the app
- Open the
../Hello World/app/
views/index.xml
file by clicking on it in the Explorer panel. -
Let's modify this file to say something custom like "Greetings and salutations". In line 3, you should see something like this:
3<
Label
id
=
"label"
onClick
=
"doClick"
>Hello, World</
Label
>
Replace it with this:
3<
Label
id
=
"label"
onClick
=
"doClick"
>Greetings and salutations</
Label
>
- Save your changes.