nativescript-ng2-plugin-seed
您出色的 NativeScript + Angular 插件。
npm i --save nativescript-ng2-plugin-seed

现在就开发 NativeScript + Angular 插件

Angular 2 Style Guide MIT license Dependency Status

Demo
Android 和 iPhone 都运行着相同的 {N} + Angular2 插件。

这个种子已经设置好,让您可以快速创建一个 nativescript-angular 插件。

  • 准备好供您尝试的示例演示应用。
  • 为您创建了示例 ComponentDirectivePipeService即将推出测试),以便您立即开始。
  • 根据您的插件需要自定义,删除其他部分。

开始吧

  1. 下载这个种子的 zip 文件。
  2. cd ... 解压文件夹的路径 ...
  3. npm install -g typescript
  4. npm install -g nativescript
  5. npm install
  6. npm run setup
  7. 开始工作。

需要更改的地方

您可能需要更改一些内容以适配您的插件。

  1. 将所有 nativescript-ng2-yourplugin 的实例替换为 您的 插件名称
  • 这里:https://github.com/NathanWalker/nativescript-ng2-plugin-seed/blob/master/package.json
  • 这里:https://github.com/NathanWalker/nativescript-ng2-plugin-seed/blob/master/src/package.json#L16
  • 这里:https://github.com/NathanWalker/nativescript-ng2-plugin-seed/blob/master/tsconfig.json#L14(可能还需要根据您的特定插件 TypeScript 定义需求进行更多修改)
  1. 修改示例以导入您的插件文件等:https://github.com/NathanWalker/nativescript-ng2-plugin-seed/blob/master/src/app/app.ts#L10-L15

开发流程

修改插件文件,然后

npm run demo.ios

// or...

npm run demo.android

构建插件

在发布之前您需要运行此命令。

npm run build

非常重要:您需要修改您插件的 package.json 文件。很可能,您需要完全移除 3 个部分:scriptsdependenciesdevDependencies,因为它们是为演示设置的。当发布时,确保消费者使用您的插件时不会安装不必要的脚本或依赖项。您可以在发布后添加这些部分。

测试

正在进行中。即将推出。

npm test

故障排除

在准备您的演示时,如果您遇到以下错误信息

Plugin "nativescript-ng2-yourplugin" is not installed.
Sending exception report (press Ctrl+C to stop).....

这意味着您的插件尚未复制到演示项目中,或者在上次运行演示命令时失败了。要解决这个问题,请运行 npm run repair

为什么使用 TNS 前缀名称?

TNS 代表 Telerik Native Script

iOS 使用以 NS 前缀的类(源于古老的 NeXTSTEP 时代):https://developer.apple.com/library/mac/documentation/Cocoa/Reference/Foundation/Classes/NSString_Class/

为了避免与 iOS 原生类混淆,使用 TNS

许可协议

MIT