nsg
by wenris | v0.1.3
CLI tool for NativeScript + Angular
npm i --save nsg

nsg

A spork of Angular CLI for NativeScript & Angular projects, run nsg command as ng.

Installation

npm install -g nsg

Usage

Same as ng command in Angular CLI, except that nsg generates project/component/services/... comsumed by NativeScript.

Samples:

  1. Create new project: nsg new hello

  2. Generate a component named item: nsg generate component item

Most options in ng also available in nsg, like --inline-style, --flat ...

Use tns

After coding, run tns run android|ios to run.

Difference between nsg and ng

  • nsg uses nsg-cli.json as the configure filename
  • nsg makes absolute templateUrl and styleUrls as NativeScript requires it
  • nsg uses NativeScriptModule instead of RouterModule
  • nsg tries to make project structure looks like ng does as well as tns does
  • default selectors are prefixed with 'ns' instead of 'app'

Project structure made by nsg

+ hello/
+ .git/
+ app/
+ ns
- app.module.ts
- app.component.ts
- app.component.html
- app.component.css
- app.css
- main.ts
- package.json
- package.json
- tsconfig.json
- nsg-cli.json
- README.md
- .gitignore

nsg replaces src folder with app, as tns does. Since app is used, so this folder inside src is changed to ns.