如何在Nativescript应用程序中创建angular 2组件？

Question

我正在使用带有角度2的nativescript。

我想知道如何在Nativescript项目中快速创建ng组件。例如，在Angular 2中创建我们正在使用的组件ng generate component hello。

是否有针对此的nativescript CLI解决方案？

Answer 1

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

{
  "$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"
}

3. 安装 NativeScript Schematics

npm i --save-dev @angular/cli

您现在可以在 NativeScript 项目中使用 Angular CLI 命令：

ng generate component hello-world

Answer 2

您可以使用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>

干杯

Answer 3

用于创建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