npm i --save nativescript-ng2-plugin-seed
- 版本:1.0.0
- GitHub:
- NPM: https://npmjs.net.cn/package/nativescript-ng2-plugin-seed
- 下载
- 昨日: 0
- 上周: 1
- 上个月: 12
现在就开发 NativeScript + Angular 插件
Android 和 iPhone 都运行着相同的 {N} + Angular2 插件。 |
这个种子已经设置好,让您可以快速创建一个 nativescript-angular 插件。
- 准备好供您尝试的示例演示应用。
- 为您创建了示例
Component
、Directive
、Pipe
和Service
(即将推出测试),以便您立即开始。 - 根据您的插件需要自定义,删除其他部分。
开始吧
- 下载这个种子的 zip 文件。
cd ... 解压文件夹的路径 ...
npm install -g typescript
npm install -g nativescript
npm install
npm run setup
- 开始工作。
需要更改的地方
您可能需要更改一些内容以适配您的插件。
- 将所有
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 定义需求进行更多修改)
- 修改示例以导入您的插件文件等: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 个部分:scripts
、dependencies
和 devDependencies
,因为它们是为演示设置的。当发布时,确保消费者使用您的插件时不会安装不必要的脚本或依赖项。您可以在发布后添加这些部分。
测试
正在进行中。即将推出。
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
。