https://github.com/tsvetan-ganev/nativescript-sublime-snippets

{N}ativeScript snippets for Sublime Text.
https://github.com/tsvetan-ganev/nativescript-sublime-snippets

Last synced: 14 days ago
JSON representation

{N}ativeScript snippets for Sublime Text.

• Host: GitHub
• URL: https://github.com/tsvetan-ganev/nativescript-sublime-snippets
• Owner: tsvetan-ganev
• License: mit
• Created: 2015-08-31T11:39:28.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-16T23:28:28.000Z (over 9 years ago)
• Last Synced: 2024-12-01T16:54:47.460Z (2 months ago)
• Size: 243 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Sublime {N}ativeScript Snippets

![](screenshots/screenshot.gif)

This package contains XML snippets for NativeScript's UI components

(Layouts and Widgets) as well as some frequently used attributes.

## Snippets

All snippets are based on the official [NativeScript documentation](https://docs.nativescript.org/).

UI components are prefixed with ```ns```, while attributes do not have a prefix.

Currently the package includes the following snippets:

###UI Components

#### Layouts

- Absolute Layout - ```nsabsolute```

- Dock Layout - ```nsdock```

- Grid Layout - ```nsgrid```

- Stack Layout - ```nsstack```

- Wrap Layout - ```nswrap```

### Widgets

- Page - ```nspage```

- Action Bar - ```nsactionbar```

- Label - ```nslabel```

- Text Field - ```nstextfield```

- Secure Text Field (for passwords) - ```nspassword```

- Text View - ```nstextview```

- Image - ```nsimg```

- Border - ```nsborder```

- Button - ```nsbtn```

- SearchBar - ```nssearchbar```

- Switch - ```nsswitch```

- Slider - ```nsslider```

- Progress - ```nsprogress```

- Activity Indicator - ```nsloading```

- Date Picker - ```nsdate```

- Time Picker - ```nstime```

- List Picker - ```nslistpicker```

- Segmented Bar - ```nssegmentedbar```

- Tab View - ```nstabview```

- List View - ```nslistview```

- Web View - ```nswebview```

###Attributes

- cssClass - ```css```

- text - ```text```

- icon - ```icon```

- tap - ```tap```

- textWrap - ```wrap```

- horizontalAlignment - ```halign```

- verticalAlignment - ```valign```

- visibility - ```visibility```

- stretch - ```stretch```

- keyboardType - ```kbtype```

- colSpan - ```colspan```

- rowSpan - ```rowspan```

- row - ```row```

- col - ```col```

- width - ```width```

- height - ```height```

Feel free to edit the contents of this package, make contributions and suggest improvements.

## Additional Information

If you happen to also use **Visual Studio Code**, please have a look at

[{N} snippets for VS Code](https://github.com/tsvetan-ganev/nativescript-vscode-snippets)

where I have uploaded the same snippets but for Microsoft's code editor.

If you have any technical questions regarding NativeScript, you can join the

[Google+ Community](https://plus.google.com/communities/117408587889337015711)

and the

[Google+ Forum](https://groups.google.com/forum/#!forum/nativescript)

where NativeScript enthusiasts gather and share their knowledge.

*And finally - have fun developing your next cross-platform mobile application!*