Базовая команда для создания приложения NativeScript поставляется с некоторыми предопределенными шаблонами. Для создания базового приложения Angular-2 вы можете использовать

tns create myApp --ng

Или вы можете создать свой собственный шаблон, подобный этому, и передать его как параметр

tns create myApp --template path-to-template-here

Или, если вы используете VSCode в качестве IDE для разработки, вы можете добавить это расширение

И тогда это довольно просто: щелкните правой кнопкой мыши папку приложения >> Добавить файлы Angular2

Команда запросит имя и сгенерирует следующее (если предоставлено имя home)

home/home.component.ts
home/home.component.html
home/home.component.css
home/home.component.spec.ts

Вы можете использовать https://github.com/sebawita/nativescript-angular-cli

Чтобы сгенерировать компонент, запустите:

tns generate component <component-name>
tns g c <component-name>

Чтобы создать компонент внутри модуля, запустите:

tns generate component <component-name> <module-name>
tns g c <component-name> <module-name>

Ваше здоровье

Более точный ответ на 2019 год (из файла adding-Angular-CLI-to-NativeScript.md в пакете @nativescript/schematics):

Добавление Angular CLI в проект NativeScript.

1. Добавьте angular.json в корень проекта со следующим содержимым

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "cli": {
    "defaultCollection": "@nativescript/schematics"
  },
  "projects": {
    "my-project-name": {
      "root": "",
      "sourceRoot": ".",
       "projectType": "application",
       "prefix": "app"
    }
  },
  "defaultProject": "my-project-name"
}

Вы можете обновить my-project-name до фактического имени вашего проекта, но это не обязательно.

2. Установить Angular CLI

npm i --save-dev @angular/cli

3. Установить схему NativeScript

npm i --save-dev @nativescript/schematics

Теперь вы можете использовать команды Angular CLI в своем проекте NativeScript:

ng generate component hello-world

Установите Angular CLI

Вы должны использовать @ angular / cli @ 6.1.0 или новее.

npm i -g @angular/cli

Установить схему NativeScript

npm i -g @nativescript/schematics

Предварительные требования для использования @ nativescript / schematics в существующем проекте

Вам необходимо добавить файл конфигурации angular.json в корневой каталог вашего проекта NativeScript. Это позволит вам использовать Angular CLI для создания компонентов.

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "cli": {
    "defaultCollection": "@nativescript/schematics"
  },
  "projects": {
    "project-name": {
      "root": "",
      "sourceRoot": ".",
      "projectType": "application",
      "prefix": "app"
    }
  },
  "defaultProject": "project-name"
}

Примечание. Если вы создали свой проект с помощью ng new, значит, в вашем проекте уже есть angular.json.

Создать angular.json

Вы можете сгенерировать его конфигурацию с помощью Schematics.

Установить схемы глобально

npm install -g @angular-devkit/schematics-cli

Изнутри вашего проекта вызовите:

schematics @nativescript/schematics:angular-json --name=project-name

Создание компонентов, модулей, директив и т. д.

Вы можете использовать команду ng generate (или просто ng g) для создания практически любой строительной единицы Angular - компонентов, модулей, директив, классов и так далее. Полный список можно найти в репозитории Angular CLI < / а>.

ng g c component-name

ng g m module-name

ng g c module-name/component-name

вы можете использовать расширение vs code, если используете vs код из магазина: https://marketplace.visualstudio.com/items?itemName=wwwalkerrun.nativescript-ng2-snippets