[DEPRECATED] This package will not updated. I recommend Appcelerator official Package for developing titanium on Atom.
This is a Atom package for Titanium Alloy
$ apm install titanium-alloy
Conflict & Requires Notice
- Alloy 1.8.x setting
- If you use alloy 1.7.x or before, you have to un-check the checkbox of "Is Alloy CLI 1.8.x or later?" package setting because Alloy 1.8 relocates i18n and platform directories.
- Requires
- Hyperclick package for Jump to definition
(Now It will be installed automatically. After relaunch atom, Hyperclick works. Thanks @HazemKhaled #16)
- Hyperclick package for Jump to definition
- Conflict
- If you using other tss grammar package, such as language-tss. It makes this package doesn't work.
- Titanium properties
- such as 'Ti.UI.SIZE', true, 'black',
Ti.UI.TEXT_ALIGNMENT_CENTER
.
- such as 'Ti.UI.SIZE', true, 'black',
- id and class name
- based on current controller's tss and
app.tss
.
- based on current controller's tss and
- module name
- all of controller/widget/model name on XML and JS
- on XML : After
<Require src='
, you can see the suggestions. - on JS : After
Alloy.create[Controller|Widget|Model]
, you can see the suggestions.
- Image path
- image path in
app/assets/images
directory. - When you type
'/i'
, you can see the suggestions.
- image path in
- i18n
- i18n key base on
app/i18n/{language}/strings.xml
- After
L('
, you can see the suggestions
- i18n key base on
This feature is a hyperclick provider.
- Jump to tss definition from xml [class|id|tag] name
- Jump to event handler definition from xml
onEventName
property - Jump to i18n key definition from [js|tss] file.
- If not exists, Generate a code based on template.
- Now, you can change template on
~/.atom/config.cson
. (#42 Thanks @ DouglasHennrich)
- Now, you can change template on
Hyperclick is triggered by two events:
<cmd>
or<cmd-mousemove>
underlines clickable text under the mouse.<cmd-mousedown>
performs the action associated with the clickable text.<cmd-alt-enter>
performs the action on the text under the cursor.
Key Bindings | Command Desc |
---|---|
ctrl-alt-a |
Toggle(open or close) relative files. When close, current file is remained. |
ctrl-alt-shift-a |
Close all relative files. Current file is closed also. |
ctrl-alt-v |
Open view |
ctrl-alt-s |
Open style |
ctrl-alt-c |
Open controller |
On package setting, there is an option to change layout of "Open All related files" command. (2 columns or 3columns)
refer to language-css and language-json, language-tss
This hightlight use css color your current theme. So tss file looks like css file.
- Autocomplete css
- Jump to definition by clicking
- Any issue, sugestion, PR makes me happy.