以组件react-native-app-info发布过程为例进行说明：
一、npm 组件创建：
1.先安装组件库创建模板：react-native-create-library
所需环境：Requirements: Node 6.0+
npm install -g react-native-create-library
2.初始化一个组件项目：app-info
react-native-create-library [options] <name>
$ react-native-create-library --package-identifier com.carrot.appInfo --platforms android,ios --generate-example true app-info
3.重命名项目名：
$ mv app-info react-native-app-info
- 安装默认dependencies
终端进入react-native-app-info文件夹下执行：
$ npm install
二、上传代码到github
先在github上手动创建仓库react-native-app-info，本地进行关联。
在本地执行以下命令把代码同步到你github对应的repository中：
1、 cd react-native-app-info
2、 git init //初始化本地仓库
3、 git add . //添加要push到远程仓库的文件或文件夹
4、 git commit -m 'init repository'
5、 git remote add origin "github对应的项目git地址" //建立链接远程仓库
6、 git push -u origin master #将本地仓库push到远程仓库
三、npm 组件发布：
npm官方registry为：http://registry.npmjs.org/
国内速度较快的为：https://registry.npm.taobao.org/
1.查看当前registry
`$ npm config get registry`
2.切换registry
2.1全局切换：
`$ npm config set registry http://registry.npmjs.org/`
2.2发布组件时，临时指定：
`$ npm publish --registry http://registry.npmjs.org/`
- 创建/登陆npm registry账户
3.1 npm registry注册用户：
$ npm adduser
3.2 登录npm registry
$ npm login
利用以下两种方式来确认你是否创建/登陆成功npm registry
.查看当前登录用户
$ npm whoami
.还可以在线打开 https://npmjs.com/~username 查看是否创建账户成功
注意：初次注册、登录npm账号，需要填写邮箱，并进行激活
4.发布命令：
4.1首次发布：
$ npm publish
4.2更新发布
$ npm version <update_type>
$ npm publish
$ npm version命令是用来自动更新版本号，update_type取值有patch minor major。那么在什么场景应该选择什么update_type呢？看下表
| update_type | 场景 | 版本号规则 | 举例 |
|---|---|---|---|
| - | 首次发布 | 版本号1.0.0 | 1.0.0 |
| patch | 修复bug、微小改动时 | 从版本号第3位开始增量变动 | 1.0.0 -> 1.0.1 |
| minor | 上线新功能，并且对当前版本已有功能模块不影响时 | 从版本号第2位开始增量变动 | 1.0.3 -> 1.1.3 |
| major | 上线多个新功能模块，并且对当前版本已有功能会有影响时 | 从版本号第1位开始增量变动 | 1.0.3 -> 2.0.0 |
网友评论