https://github.com/nathanwalker/nativescript-ng2-vscode-snippets
Snippets for NativeScript + Angular 2 Development.
https://github.com/nathanwalker/nativescript-ng2-vscode-snippets
Last synced: about 1 year ago
JSON representation
Snippets for NativeScript + Angular 2 Development.
- Host: GitHub
- URL: https://github.com/nathanwalker/nativescript-ng2-vscode-snippets
- Owner: NathanWalker
- License: mit
- Created: 2016-04-29T04:49:57.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2020-08-28T03:46:58.000Z (almost 6 years ago)
- Last Synced: 2025-04-14T08:12:39.696Z (about 1 year ago)
- Size: 22.5 KB
- Stars: 14
- Watchers: 3
- Forks: 9
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## NativeScript + Angular Snippets for Visual Studio Code ##
Now compatible with Angular 4.x and above.
This JSON file contains snippets for all NativeScript UI components and some frequently used attributes specifically for use with [nativescript-angular](https://github.com/NativeScript/nativescript-angular).
All UI components are prefixed with ```ns```. Attributes do not have a prefix.
###UI Components
#### From within TypeScript `Component` Files:
- Component with inline template - ```nscomponent_template```
- Component with templateUrl - ```nscomponent_templateUrl```
The following can be used inside both TypeScript and HTML view files:
#### Layouts
- Absolute Layout - ```nsabsolute```
- Dock Layout - ```nsdock```
- Flexbox Layout - ```nsflexbox```
- Grid Layout - ```nsgrid```
- Stack Layout - ```nsstack```
- Wrap Layout - ```nswrap```
### Widgets
- Action Bar - ```nsactionbar```
- Action Bar with Back Button - ```nsactionbarback```
- Label - ```nslabel```
- Text Field - ```nstextfield```
- Secure Text Field (for passwords) - ```nspassword```
- Text View - ```nstextview```
- Image - ```nsimg```
- Border - ```nsborder```
- Button - ```nsbtn```
- Search Bar - ```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```
## How to use? ##
1. Inside Visual Studio Code press
```bash
CTRL + P
```
2. Type the following in the console window
``` bash
ext install nativescript-ng2-snippets
```
3. Hit enter.